Daily News

Welcome to Daily News, a responsive web application that provides daily updated news in various categories such as sports, health, technology, business, and more. This project utilizes the News API to fetch the latest news articles and includes features like infinite scrolling, a top-loading bar.

Features

• Daily News Updates: Get the latest news articles updated daily.
• News Categories: Browse news by different categories like sports, health, technology, business, etc.
• Infinite Scrolling: Automatically load more articles as you scroll down.
• Top-Loading Bar: Visual indicator for page loading.
• Responsive Design: Optimized for various devices and screen sizes.

Technologies Used

• React: For building the user interface.
• News API: For fetching updated news articles.
• React Router: For seamless navigation.
• CSS: For styling the components.
• React Infinite Scroller: For infinite scrolling functionality.
• React Top Loading Bar: For the top-loading bar indicator.

Setup

To run this project locally, follow these steps:

Clone the repository:

git clone https://github.com/Anujpal05/DailyNews.git
cd dailynews

Install dependencies:

npm install

Set up environment variables:

Create a .env file in the root directory and add your environment variables:

REACT_APP_NEWS_API_KEY=your_news_api_key

Start the development server:

npm start

Open your browser and navigate to:

http://localhost:3000

Usage

• Browse News: Navigate through different news categories.
• Infinite Scrolling: Scroll down to load more articles automatically.
• Top-Loading Bar: See a loading bar at the top during page transitions.

Acknowledgments

Thank you for visiting this project.