https://github.com/muzahidul-islam-zehad/news-day-light
NewsDayLight is a dynamic news platform with a responsive design. Users can browse trending articles, post content, and manage articles via an intuitive dashboard. Admins have full control over content and user management, while premium subscriptions unlock exclusive content.
https://github.com/muzahidul-islam-zehad/news-day-light
axios daisyui datefns firebase reactcharts reacthottoast reacticons reactjs reactrouterdom stripe sweetalert2 tailwindcss tanstack-query
Last synced: 3 months ago
JSON representation
NewsDayLight is a dynamic news platform with a responsive design. Users can browse trending articles, post content, and manage articles via an intuitive dashboard. Admins have full control over content and user management, while premium subscriptions unlock exclusive content.
- Host: GitHub
- URL: https://github.com/muzahidul-islam-zehad/news-day-light
- Owner: Muzahidul-Islam-Zehad
- Created: 2025-02-05T09:31:31.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-18T04:14:54.000Z (3 months ago)
- Last Synced: 2025-02-18T05:23:57.373Z (3 months ago)
- Topics: axios, daisyui, datefns, firebase, reactcharts, reacthottoast, reacticons, reactjs, reactrouterdom, stripe, sweetalert2, tailwindcss, tanstack-query
- Language: JavaScript
- Homepage: https://newsdaylight-99199.web.app/
- Size: 269 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NewsDayLight
**Project Overview:**
NewsDayLight is a dynamic news platform with a responsive design. Users can browse trending articles, post content, and manage articles via an intuitive dashboard. Admins have full control over content and user management, while premium subscriptions unlock exclusive content.
## Technologies Used:
- **Frontend:** React.js, Tailwind CSS, React Router, React Icons, React Query
- **Backend:** Firebase, Axios
- **UI/UX:** React-Responsive-Carousel, SweetAlert2, React-Hot-Toast, React-Select
- **Payment:** Stripe for Premium Subscription
- **Data Handling:** Date-Fns, React-Google-Charts for Dynamic Charts
- **Authentication:** Firebase Email/Password and Google Login
## Core Features:
- **User Authentication:** Email/password and Google login support.
- **Trending Articles Slider:** Displays top 6 trending articles.
- **Article Management:** Users can post and manage articles.
- **Admin Dashboard:** Admin can approve, decline, or delete articles and manage publishers.
- **Premium Subscription:** Users can purchase a subscription for exclusive content.
- **Statistics Section:** Displays total users and premium users with animated counters.
- **Dynamic Charts:** Pie charts and other visualizations for article and publisher stats.
- **Search & Filter:** Articles searchable by title and filterable by publisher or tags.
## Dependencies Used:
- **React.js, Tailwind CSS, Axios, Firebase, SweetAlert2, Stripe** and others listed in `package.json`.
## Admin Credentials:
- **Admin Email:** [email protected]
- **Admin Password:** Admin@420
## How to Run Locally:
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/newsdaylight.git
```
2. **Navigate to the project folder:**
```bash
cd newsdaylight
```
3. **Install the dependencies:**
```bash
npm install
```
4. **Run the project locally:**
```bash
npm run dev
```
5. Open `http://localhost:3000` in your browser to view the project.
## Live Project Link:
[https://newsdaylight-99199.web.app/](https://newsdaylight-99199.web.app/)