https://github.com/tanvik-hub/news-app-using-reactjs
News App is a React.js application that fetches and displays the latest news articles using the News API. It features a responsive design with Bootstrap and supports dark mode and light mode for user customization. The app utilizes React Hooks for state management and includes error handling and loading states.
https://github.com/tanvik-hub/news-app-using-reactjs
bootstrap css html javascript reactjs
Last synced: about 2 months ago
JSON representation
News App is a React.js application that fetches and displays the latest news articles using the News API. It features a responsive design with Bootstrap and supports dark mode and light mode for user customization. The app utilizes React Hooks for state management and includes error handling and loading states.
- Host: GitHub
- URL: https://github.com/tanvik-hub/news-app-using-reactjs
- Owner: Tanvik-hub
- Created: 2024-05-27T11:20:46.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-11T21:01:31.000Z (almost 2 years ago)
- Last Synced: 2025-10-20T05:37:12.534Z (8 months ago)
- Topics: bootstrap, css, html, javascript, reactjs
- Language: JavaScript
- Homepage: https://news-app-using-react-js-eta.vercel.app
- Size: 385 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# News App using ReactJs
**News App** is a React.js application designed to fetch and display the latest news articles. It leverages the News API for content and uses Bootstrap for responsive styling.
## Features
- Fetches news articles based on selected categories.
- Displays article titles, descriptions, and images.
- Provides links to the full articles for further reading.
- Uses React Hooks for state management.
- The dark mode and light mode feature allows users to switch between different color schemes for better readability and user experience.
- Implements error handling and loading states.
## Technologies Used
- **React.js**: A JavaScript library for building user interfaces.
- **Bootstrap**: A front-end framework for developing responsive and mobile-first websites. Bootstrap is used in this project to ensure a consistent and visually appealing layout across different devices.
- **News API**: A service that provides access to news articles from various sources around the world.
- **HTML/CSS**: Used for structuring the app's layout and styling its components.
-The News API requires an API key for authentication, which is included in the API request URL. The response from the API is in JSON format, which is then parsed and displayed in the app.