Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/imhappykumar/news-wave
The NewsWave web app is a ReactJS-based application that fetches data from NewsAPI to provide users with up-to-date news articles. It offers a user-friendly interface for browsing and staying informed about various topics.
https://github.com/imhappykumar/news-wave
news newsapi newsapp react reactjs webapi webapp
Last synced: 12 days ago
JSON representation
The NewsWave web app is a ReactJS-based application that fetches data from NewsAPI to provide users with up-to-date news articles. It offers a user-friendly interface for browsing and staying informed about various topics.
- Host: GitHub
- URL: https://github.com/imhappykumar/news-wave
- Owner: ImHappyKumar
- License: mit
- Created: 2023-05-31T03:47:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-18T12:33:01.000Z (about 1 year ago)
- Last Synced: 2023-11-18T13:36:30.331Z (about 1 year ago)
- Topics: news, newsapi, newsapp, react, reactjs, webapi, webapp
- Language: JavaScript
- Homepage:
- Size: 317 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NewsWave
Developed by Happy Kumar
The NewsWave web app is a ReactJS-based application that fetches data from NewsAPI to provide users with up-to-date news articles. It offers a user-friendly interface for browsing and staying informed about various topics.
## Features
- **Real-Time News:** Fetches the latest news articles from NewsAPI.
- **User-Friendly Interface:** Provides an intuitive and easy-to-use interface for browsing news.
- **Topic Categories:** Organizes news articles by different categories and topics.
- **Read More:** Allows users to read full news articles by clicking on the respective headlines.
- **Responsive Design:** Ensures a seamless experience across different devices and screen sizes.
## Prerequisites
Before you begin, ensure you have the following installed:
- Node.js: https://nodejs.org/
## Installation
1. Clone this repository to your local machine:
```
git clone https://github.com/ImHappyKumar/NewsWave.git
```
2. Navigate to the project directory:
```
cd news-wave
```
3. Install dependencies for the client (React) and server (Node.js) applications:
```
npm install
```
## Configuration
1. Obtain an API key from [NewsAPI](https://newsapi.org/) by signing up for a free account.
2. Create a .env file for environment variables:
```
REACT_APP_NEWS_API = your_API_key
```
## Usage
1. Start the development server:
```
npm start
```
2. Access the application in your browser at http://localhost:3000
## Contributing
Contributions are welcome! If you encounter issues or have suggestions, please create an issue or submit a pull request.