/NewsApp3.0

A News App that's keep you up to date.

Primary LanguageJavaScript

The Monk: Your Personalized News App

NewsWave is a MERN (MongoDB, Express, React, Node.js) application that offers a tailored news experience. Users can create an account, select their preferred news categories, and receive a personalized news feed. The app also supports bookmarking articles for future reading.

Demo

Demo Id and Password

Features

  • Personalized News Feed: Users can create an account, select their favorite news categories, and receive a customized news feed.

  • Diverse Sources: The app aggregates news articles from reputable sources, ensuring a comprehensive news coverage.

  • Responsive Design: NewsWave provides a seamless experience across various devices and screen sizes.

  • Bookmarking: Users can bookmark articles they find interesting, and access them later in the bookmark section.

  • User Authentication: Secure user accounts and authentication system.

  • Live previews

  • Fullscreen mode

Installation

  1. Clone the repository: https://github.com/code-inhub/NewsApp3.0

  2. Here you will find two files one contains code for frontend and one for backend.

  3. For deploying frontend navigate to the frontend part: cd NewsApp

  4. For deploying backend navigate to the backend part: cd server

  5. Install client dependencies: npm install

  6. Install server dependencies for both : npm install

Deployment

To make the project live you can use this repository https://github.com/code-inhub/NewsApp3.0Fontend as frontend and https://github.com/code-inhub/NewsApp3.0Backend as backend.

To deploy the project locally, run:

npm run start

Screenshots

  1. You can login by entering demo Id and password provided above in demo section.

Screenshot (2)

  1. You can create a new account and can set your preferences and categories accordingly.

Screenshot (3)

  1. As you get logged in , you can view the homepage.

Screenshot (4)

  1. You can go through different categories by using navbar.

Screenshot (5)

  1. You can view your bookmarks by clicking on the bookmark button on the top right corner.

Screenshot (6)