https://github.com/miftah-mj/dragon-news-web
The Dragon News is a news website that provides the latest news articles across various categories.
https://github.com/miftah-mj/dragon-news-web
news-articles
Last synced: 7 months ago
JSON representation
The Dragon News is a news website that provides the latest news articles across various categories.
- Host: GitHub
- URL: https://github.com/miftah-mj/dragon-news-web
- Owner: miftah-mj
- Created: 2024-11-16T05:46:58.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-04T16:50:09.000Z (9 months ago)
- Last Synced: 2025-02-04T17:46:27.200Z (9 months ago)
- Topics: news-articles
- Language: JavaScript
- Homepage: https://the-dragon-news-71c8c.web.app/
- Size: 510 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The Dragon News
The Dragon News is a comprehensive news website that allows users to browse news articles by category, view detailed news articles, and authenticate using Firebase. The website is designed to be responsive and user-friendly.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Dependencies](#dependencies)
- [Installation](#installation)
- [Usage](#usage)
- [Live Link](#live-link)
## Features
- Browse news articles by category
- View detailed news articles
- User authentication (login and registration)
- Protected routes for authenticated users
- Responsive design
## Technologies Used
- React
- Tailwind CSS
- DaisyUI
- React Router
- Firebase
## Dependencies
- react
- react-dom
- react-router-dom
- tailwindcss
- daisyui
- firebase
- react-fast-marquee
## Installation
1. Clone the repository:
```sh
git clone https://github.com/your-username/dragon-news.git
cd dragon-news
```
2. Install dependencies:
```sh
npm install
```
3. Create a .env file in the root directory and add your Firebase configuration
```sh
REACT_APP_FIREBASE_API_KEY=your-api-key
REACT_APP_FIREBASE_AUTH_DOMAIN=your-auth-domain
REACT_APP_FIREBASE_PROJECT_ID=your-project-id
REACT_APP_FIREBASE_STORAGE_BUCKET=your-storage-bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
REACT_APP_FIREBASE_APP_ID=your-app-id
```
4. Start the development server:
```sh
npm start
```
## Usage
- Visit the homepage to browse news articles by category.
- Click on a news article to view its details.
- Register or log in to access protected routes.
## Live Link
Live link of the project [here](https://the-dragon-news-71c8c.web.app/).