News4All is a React-based platform that brings you the latest news from seven different categories.
For a quick overview of News4All's features, check out the demo video: Demo Video.
- Multi-category News: Stay informed on a wide range of topics with news organized into seven distinct categories.
- NewsAPI Integration: Utilizes the NewsAPI to fetch the latest news articles and updates in real-time.
- Modern Design: The website is designed using CSS and Bootstrap, ensuring an attractive and responsive layout.
- Asynchronous Fetch: Fetches news articles asynchronously using the Fetch API, providing a smooth and responsive user experience.
- React Hooks: Manages and updates news content efficiently using React Hooks.
- Infinite Scrolling: Allows users to seamlessly load more news articles as they scroll through the page.
- Loading Bar: Provides visual feedback to users while news content is being loaded.
- Category Navigation: Easily navigate between different news categories using React Router.
To run News4All locally or contribute to its development, follow these steps:
-
Clone this repository to your local machine.
-
Navigate to the project directory and install the required dependencies.
cd news4all npm install -
Start the development server.
npm start
-
Access News4All in your web browser at http://localhost:3000 and start exploring the latest news.
I welcome contributions to enhance News4All. Feel free to open issues, suggest improvements, or submit pull requests to make this platform even better.
Created with ❤️ by Devesh Yadav.