News_Explorer_and_Filter--React

This is a news website built using React.js to display the latest news articles fetched from the News API.

Overview

The news website provides users with the latest news articles across various categories such as business, entertainment, technology, etc. Users can select their preferred category using the filter bar to view articles in that category.

Features

• Displays the latest news articles from the News API.
• Filter bar to select articles by category.
• User-friendly interface with cards displaying article details.
• Clicking on "Read More" opens the original article in a new tab.
• Loader component for indicating when data is being fetched.

How It Works

• The application fetches the latest news articles from the News API.
• Users can select a category using the filter bar.
• The application displays the selected category's articles using card components.
• Clicking on "Read More" opens the original article in a new tab.

Dependencies

• React.js - JavaScript library for building user interfaces.
• News API - Used for fetching the latest news articles.

How to Contribute

• If you'd like to contribute to the project or report issues, feel free to fork the repository and submit pull requests.

  • Clone the repository to your local machine.
  • Run npm install to install dependencies.
  • Run npm start to start the development server.

• To clone the repository:

  git clone https://github.com/Rucha-Ambaliya/News_Filter--React.git

• Feel free to fork this project and make your own improvements! If you have any questions or suggestions, don't hesitate to reach out.

Note:

• Due to restrictions on the developer plan of the "News API", used for fetching data, the project has not been deployed. Therefore, the website is not accessible directly via a link. However, you can still clone the repository and run the project locally to explore its functionality.
• Link to the video
  • https://bit.ly/3QtpFkW

Acknowledgements

• Special thanks to Love Babbar sir for providing valuable tutorials that helped in the development of this project. Do check out his valuable you tube content on
  • https://bit.ly/LoveBabbar

Feedback

• If you have any feedback, suggestions, or questions, please feel free to reach out. I appreciate your interest in this project!