Skip to content

Repository files navigation

🐉 Dragon News

React Tailwind CSS Firebase React Router

Dragon News is a dynamic, feature-rich news portal web application that delivers categorized news updates with seamless user authentication and responsive layout design.


✨ Features

  • Category-Based Filtering: Easily browse and filter news articles by specific categories (Breaking News, Politics, Tech, Entertainment, etc.).
  • User Authentication: Secure user sign-up and login workflows powered by Firebase Authentication.
  • Detailed Article View: Click on any news card to read the full article with related details.
  • Responsive Layout: Fully responsive UI designed with Tailwind CSS for optimal viewing across mobile, tablet, and desktop screens.
  • Protected Routes: Ensures secure navigation and restricts private pages for unauthorized users.

🛠️ Tech Stack

  • Frontend: React.js, React Router
  • Styling: Tailwind CSS, DaisyUI / CSS
  • Authentication: Firebase Auth
  • Build Tool: Vite / Create React App

🚀 Getting Started

To run this project locally on your machine, follow these steps:

Prerequisites

Make sure you have Node.js and npm installed on your system.

Installation

  1. Clone the repository:
    git clone [https://github.com/hasibzero/dragon-news.git](https://github.com/hasibzero/dragon-news.git)

Releases

Packages

Contributors

Languages