The Dragon News React project. This template includes setup instructions, features, and technology used, and it can be customized further as needed:
# 🐉 The Dragon News
**The Dragon News** is a modern, responsive news portal built with React.js. It provides users with a dynamic and engaging way to explore the latest news, complete with interactive UI components, Firebase authentication, and smooth navigation.
---
## 🚀 Features
- 🔥 Firebase Authentication (Login / Signup)
- 🎨 Beautiful UI powered by Tailwind CSS and DaisyUI
- 📰 News categories and filtering
- 📆 Date formatting with `date-fns`
- 🛣️ Client-side routing with `react-router`
- ⏩ Marquee headlines with `react-fast-marquee`
- 🔍 Reusable components and modular architecture
- 🌙 Dark mode support (if enabled with DaisyUI)
---
## 🛠️ Tech Stack
- **React.js** `^19.0.0`
- **Tailwind CSS** `^4.1.4`
- **DaisyUI** `^5.0.30`
- **Firebase** `^11.6.1`
- **React Router** `^7.5.3`
- **Date-fns** `^4.1.0`
- **React Icons** `^5.5.0`
- **React Fast Marquee** `^1.6.5`
---
## 📁 Project Structure
/src ├── assets/ # Images, logos, etc. ├── components/ # Reusable components (e.g., Navbar, Footer) ├── pages/ # Main route pages (Home, Login, News, etc.) ├── routes/ # Protected & public routes ├── hooks/ # Custom hooks ├── contexts/ # Context API providers (Auth, Theme) ├── App.jsx ├── main.jsx └── index.css
---
## 📦 Installation & Running Locally
1. **Clone the repository**
```bash
git clone https://github.com/shihabuddin-dev/the-dragon-news.git
cd the-dragon-news
-
Install dependencies
npm install
-
Run the development server
npm run dev
-
Build for production
npm run build
- Go to Firebase Console
- Create a project and register your app
- Enable Email/Password Authentication
- Replace the Firebase config in your project (e.g.,
firebase.config.js) with your own credentials
// Example:
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "your-app.firebaseapp.com",
projectId: "your-app",
storageBucket: "your-app.appspot.com",
messagingSenderId: "123456789",
appId: "YOUR_APP_ID"
};Feel free to fork this repo and contribute by submitting a pull request. Any suggestions or improvements are welcome!
This project is licensed under the MIT License.
---
Would you like me to generate a simple logo or favicon for your site as well?