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: admin@ph10.com
• Admin Password: Admin@420

How to Run Locally:

1. Clone the repository:

   git clone https://github.com/your-username/newsdaylight.git

2. Navigate to the project folder:

   cd newsdaylight

3. Install the dependencies:

   npm install

4. Run the project locally:

   npm run dev

5. Open http://localhost:3000 in your browser to view the project.

Live Project Link:

https://newsdaylight-99199.web.app/