Skip to content

News Corner is a dynamic web application built with React that aggregates and displays news articles from various sources. It is designed to provide users with the latest headlines and in-depth articles on a wide range of topics.

Notifications You must be signed in to change notification settings

the-zoomeee/News-app-using-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

News Corner

Welcome to News Corner, your go-to application for the latest news updates from around the world. Built with React, News Corner offers a sleek, responsive design,using API (newsapi.org) and an intuitive interface to keep you informed and engaged.

Table of Contents

Features

  • Real-Time Updates: Stay informed with the latest news articles.
  • Category Browsing: Explore news by categories.
  • Responsive Design: Enjoy a seamless experience across all devices.

Installation

  1. Clone the repository:

    git clone https://github.com/the-zoomeee/News-Corner-using-react.git
  2. Navigate to the project directory:

    cd News-Corner-using-react
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm start

Get API Key

  • Visit newsapi.org
  • Login and Copy the API key.
  • open the ".env" file.
  • Replace the 'Your_API_Key' to the copied API key.

Usage

  • Open your browser and navigate to http://localhost:3000.
  • Browse through the latest news articles.
  • Use the category filter to find news on specific topics.

Components

Navbar

Located in src/components/Navbar.js

  • Navigate between different sections.

NewsList

Located in src/components/NewsList.js

  • Displays a list of news articles.

NewsItem

Located in src/components/NewsItem.js

  • Represents an individual news article.

Pages

Home

Located in src/pages/Home.js

  • The main page displaying the latest news.

Category

Located in src/pages/Category.js

  • Shows news articles filtered by category.

NotFound

Located in src/pages/NotFound.js

  • Displays a 404 message for non-existent routes.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.

Demo

Home

home

Website

Want to see News Corner in action? Check out our live demo here:

Explore the full functionality of News Corner and stay updated with the latest news!

About

News Corner is a dynamic web application built with React that aggregates and displays news articles from various sources. It is designed to provide users with the latest headlines and in-depth articles on a wide range of topics.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published