Skip to content

This app displays the most recent news stories from around the world. The news is organised into categories, where users can click to access additional items. Users can explore several categories, including business, sports, technology, health, and science, as well as search for specific headlines.

License

Notifications You must be signed in to change notification settings

simranlotey/react-news-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

85 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

News App

This News App is powered by the GNews public API and provides users with the latest news articles from around the world. The app offers a user-friendly interface where news articles are organized by categories, allowing users to easily browse and read articles of their interest.

Features

  • Category-based News: The app categorizes news articles into various categories, including entertainment, business, sports, technology, health, science, and more. Users can click on a category to view articles specific to that category.

  • Search News: The app includes a search bar that enables users to search for specific news articles. Users can enter keywords related to the news they are interested in, and the app will display relevant articles based on the search query.

  • Article Details: Each article is displayed with a title, description, publication date, channel, and a link to visit the source website. This ensures that users can get a comprehensive understanding of the news article before deciding to read more.

  • Responsive Design: The app is designed to be responsive, providing a seamless experience across different screen sizes and devices. Whether users access the app from their desktop, tablet, or smartphone, the interface will adapt smoothly to fit their device.

Technologies Used

  • React: The app is built using React, a popular JavaScript library for building user interfaces. React provides a robust foundation for creating interactive and dynamic components.

  • Redux: Redux is used for state management in the app. It helps manage the global state of the application and enables a more organized and predictable way of handling data flows.

  • Styled-Components: Styled-Components is used for styling the app. It allows developers to write CSS within JavaScript, making it easier to manage styles for individual components.

  • React-Bootstrap: React-Bootstrap is utilized for building responsive and customizable UI components. It provides a wide range of pre-built components that can be easily integrated into the app.

  • Axios: Axios is a JavaScript library used to make HTTP requests. It is employed in this project to fetch data from the GNews public API.

Usage

To run the React News App on your local machine, follow these steps:

  1. Clone the repository to your local machine using the following command:
git clone https://github.com/simranlotey/react-news-app.git
  1. Navigate to the project directory:
cd react-news-app
  1. Install the required dependencies:
npm install
  1. Start the development server:
npm start
  1. Open your web browser and visit http://localhost:3000 to access the app.

Contributing

Contributions to this News App are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request in this repository.

License

This News App is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.

Acknowledgements

  • This app utilizes the GNews public API for fetching news articles. Visit their website for more information: GNews API

About

This app displays the most recent news stories from around the world. The news is organised into categories, where users can click to access additional items. Users can explore several categories, including business, sports, technology, health, and science, as well as search for specific headlines.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published