Firebase News Panel

Web Application

Firebase News Portal is a dynamic web app built with React and Google Firebase. It offers full CRUD functionality, allowing users to efficiently manage news content.

Screenshots

Why this 🤔

This was the first project that I built while learning the React framework. Rather than building simple static pages, I wanted to develop dynamic web-app that allowed for real-time data interaction. 📊

Coming from a background in Java and databases, I was eager to create something that involved data management and manipulation. 💪🏼
This led to the idea of a News panel where I could add, update, delete, and view news items. 💡
For data storage, I chose Firebase because of my previous experience with it, which made it easy to set up and allowed me to focus more on learning and implementing React logic. 🤩

Key Features

  • Add NewsThe application includes a dedicated 'Add News' page where users can input news details such as the title, description, and an associated image. This feature ensures that the news content is rich and visually engaging, catering to a wide audience.
  • View NewsOn the 'View News' page, all news entries are displayed in a chronological order, complete with their respective timestamps. This provides users with a clear overview of when each piece of news was created, ensuring that the information is current and relevant.
  • Update NewsUsers can easily update any news entry through the portal. Upon making changes, the application automatically updates the timestamp, reflecting the most recent modifications. This feature ensures that the news remains accurate and up-to-date.
  • Delete NewsThe portal allows users to delete any news item when it is no longer relevant or required. This feature, combined with the update function, gives users full control over the content displayed in the portal.

Technology stack

ReactReactnpmnpmJavascriptJavascriptHTMLHTMLCSSCSSResponsive layoutResponsive layoutGITGITFirebaseFirebase