/Newspaper-Client

NewsWisp FullStack Website is an innovative news aggregation platform designed to enhance user experience . It features trending articles, premium content. Users can read and subscribe to articles, while authors have tools to publish and manage their content. Here has dashboard for admin. Only admin can accept author post and can make admin.

Primary LanguageJavaScript

NewsWisp FullStack Website

Project Overview

The Newspaper FullStack Website aims to revolutionize how users consume news by providing a comprehensive news aggregation platform. It offers trending articles, premium features, and a seamless user experience. Users can read articles, and subscribe for premium content, and authors can publish and manage their articles through a user-friendly interface.

Features

  • Dynamic Homepage: Includes trending articles slider, publisher listings, statistics, and subscription plans.
  • User Authentication: Email/password authentication and social login options (e.g., Google).
  • Admin Dashboard: Provides admin-specific functionalities like managing users, articles, and publishers.

Technology Used

  • Frontend: React, React Router
  • Backend: Node.js, Express, MongoDB for database, Firebase for file storage and authentication
  • Additional: Tailwind for UI components, React-Select for dropdowns, SweetAlert for notifications
  • Authentication: Firebase
  • Deployment: Vercel

Running Locally

To run this project locally, follow these steps:

  1. Clone the repository: 
    git clone https://github.com/your/repository.git
cd repository-name
  2. Install dependencies for both frontend and backend:

cd client npm install cd ../server npm install 3. Set up environment variables:

Create .env files in both client and server directories. Refer to .env.example files provided for necessary variables (e.g., Firebase config keys, MongoDB credentials).

  1. Start the backend server:

cd server npm start 5. Start the frontend development server:

cd client npm start