ReactReporter - A News Aggregator App

Welcome to ReactReporter, a news aggregator app. This news application is built with React and the news data on this app is fetched from newsapi.org.

Table of Contents

• About
• Features
• Project Structure
• Setup
• Contact
• Social

About

ReactReporter helps you find curated news article fetched from newsapi.org and bookmark the articles to read them at your convenience.

Features

• Categories: Discover a range of news articles on different topics, from health & sports to entertainment.

• Redux: This project efficiently utilizes @reduxjs/toolkit and react-redux for state management and fetch api data using axios.

• Context API: This project efficiently utilizes context api for state management of authentication states and news articles.

• User-Friendly Navigation: Easily navigate through the app with ease.

• News Page: Browse a curated news articles from different categories at /news.

• User Authentication: Securely log in or register for an account.

  • Login Page: Log in with your email and password.
  • Registration: Create a new account with email and password.
  • Switch Between Login and Register: Conveniently switch between login and registration from the same page.

• Bookmark Functionality: Add articles to your bookmarks, view them on the /account/bookmarks route. This page displays saved articles.

Project Structure

The project is structured as follows:

• /public: Contains static assets, including images.
• /src: Contains the React application source code.
  • /app: Store for redux.
  • /components: React components for various parts of the app.
  • /features: Reducers for the redux provider.
  • /context: For state management within the app.
  • /lib: Firebase configuration and initialization and utility functions.
  • /pages: Pages for the app.
  • /routes: Routes for the app.
  • /style: CSS styles for the app.

Contact

Feel free to reach out to me with any inquiries, opportunities, or collaborations. You can contact me at:

• Email: [email protected]
• LinkedIn: Priyanshu Sharma
• Portfolio: portfolio-xtechilad.vercel.app

Social

Connect with me on social media:

• Twitter: @xtechilad
• Instagram: @xtechilad
• GitHub: @priyanshusharma0326

Let's engage, share ideas, and stay connected!

Setup

To run this application locally, follow these steps:

1. Clone the repository: git clone https://github.com/PriyanshuSharma0326/react-news-app.git
2. Navigate to the project directory: cd react-news-app
3. Install dependencies: npm install
4. Start the development server: npm start

Usage

Once the development server is up and running, open your web browser and go to http://localhost:3000 to see the project in action.

Thank you for visiting my project!