Skip to content

About

The Dragon News is a modern React news portal featuring breaking headlines, category filtering (like sports), and Firebase-based user authentication. Users can sign in using email/password or third-party providers like Google via Firebase Authentication.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

🐉 The Dragon News

The Dragon News is a modern React news portal featuring breaking headlines, category filtering (like sports), and Firebase-based user authentication. Users can sign in using email/password or third-party providers like Google via Firebase Authentication.


🚀 Features

  • 📰 Displays Breaking News from a local JSON source
  • 🎯 Filters news like "Today’s Pick", sports, etc.
  • 🔐 Firebase Authentication (Email/Password, Google OAuth)
  • 🧠 State management using React hooks
  • 🎨 Fully responsive UI using Tailwind CSS
  • ⚡ Fast, lightweight app with optimized components

🔐 Firebase Features

  • Email & Password Authentication
  • Google Sign-In (OAuth 2.0)
  • Persistent user sessions
  • User profile display (e.g., name, photo)

🛠 Technologies Used

  • React – UI library
  • Firebase Authentication – Secure user auth and OAuth
  • Tailwind CSS – Utility-first CSS framework
  • React Fast Marquee – Scrolling news ticker
  • Vite / CRA – For modern build tooling
  • JSON (Local API) – Simulated backend with static data

🧾 Prerequisites

  • Node.js (v14+)
  • Firebase Project with Authentication enabled
  • Google Sign-In enabled (if using OAuth)

Live Demo

https://dragon-news-37713.web.app

About

The Dragon News is a modern React news portal featuring breaking headlines, category filtering (like sports), and Firebase-based user authentication. Users can sign in using email/password or third-party providers like Google via Firebase Authentication.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages