Loading repository data…
simranlotey / repository
react-news-app
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.
#gnews#gnews-api#hacktoberfest#hacktoberfest-accepted#hacktoberfest2024#javascript
Live repository statistics
★ 45Stars
⑂ 37Forks
◯ 1Open issues
◉ 45Watchers
77/100
OPENREPOHUB HEALTH SIGNAL
Healthy signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
90
Community adoption25% weight
35
Maintenance state20% weight
85
License clarity10% weight
100
Project information10% weight
100
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
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.