NewsLight

Welcome to NewsLight! This project is a dynamic news application that fetches and displays the latest news from various sources using the NewsAPI.

Introduction

NewsLight is designed to provide users with quick access to current events from various news sources. It leverages the power of React.js to create a responsive and engaging user experience. Users can stay updated with the latest news across different categories such as Business, Sports, Entertainment, Technology, Health, and more.

Features

• Real-Time News: Fetches the latest news articles from NewsAPI.
• Category Filtering: Users can filter news by categories like Business, Sports, Entertainment, Technology, Health, etc.
• Search Functionality: Allows users to search for news articles by keywords.
• Responsive Design: Optimized for various screen sizes and devices.
• Interactive Elements: Smooth transitions and user-friendly interface.
• Multiple Sources: Aggregates news from a variety of trusted sources.

Technologies Used

• HTML5: Structure and content of the website.
• CSS3: Styling and layout.
• JavaScript: Interactive elements and dynamic content.
• React.js: Building user interfaces.
• NewsAPI: Fetching news articles from various sources.

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/prithvirajbaral/NewsLight.git
   

2. Navigate to the project directory

   cd newslamo
   

3. Install dependencies

   npm install
   

4. Get Your NewsAPI key: Sign up at NewsAPI and get your API key.Create a .env file in the root directory and add your API key

   REACT_APP_NEWS_API_KEY=your_news_api_key
    

5. Start the development server

   npm start

6. Open your browser and navigate to http://localhost:3000 to see the application running.

Screenshots

Authors

• @prithvirajbaral