Skip to content

The News App is a simple and intuitive application designed to keep you updated with the latest news from around the world. Using the News API, the app fetches real-time news articles and displays them in an easy-to-navigate interface. Users can search for specific news topics, filter articles by categories like sports, business, technology, etc.

Notifications You must be signed in to change notification settings

amanyadav-work/news-app

Repository files navigation

News App

The News App is a simple and user-friendly application that fetches the latest news articles from the News API and displays them on the frontend. The app provides users with an intuitive interface to browse and search news articles. It also supports filtering news based on specific categories such as sports, business, health, technology, and more.

Features

  • Fetch Latest News: Get the latest news from multiple sources around the world.
  • Search Functionality: Search for specific news articles using keywords or phrases.
  • Category Filtering: View news articles based on different categories like sports, business, technology, etc.
  • User-friendly Interface: A clean and easy-to-use interface for a smooth user experience.

Tech Stack

  • Frontend: HTML, CSS, Bootstrap, React Js, React Router, etc
  • Backend (API): News API (https://newsapi.org/)
  • API Fetching: Fetch API

Setup Instructions

To run the News App locally on your machine, follow the steps below:

1. Clone the Repository

Clone this repository to your local machine using:

git clone https://github.com/amanyadav-work/news-app.git

2. Install Dependencies

Navigate to the project folder and install the necessary dependencies.

3. Get API Key

You will need a valid API key from News API.

  • Go to News API and sign up for an account.
  • Get your API key from the dashboard.

4. Configure API Key

In the project directory, find News.jsx and add your API key

5. Run the Application

Start the development server.

Usage

  1. Browse News: The app will show a list of the latest news articles fetched from the API.
  2. Search News: Enter a keyword in the search bar to find news related to that topic.
  3. Filter by Categories: Choose a category from the options (e.g., sports, business) to see articles specific to that category.

Contributing

Contributions are welcome! If you'd like to contribute

About

The News App is a simple and intuitive application designed to keep you updated with the latest news from around the world. Using the News API, the app fetches real-time news articles and displays them in an easy-to-navigate interface. Users can search for specific news topics, filter articles by categories like sports, business, technology, etc.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published