https://github.com/arnaudband/news_app
This is a simple news application built with React that allows users to search for news articles using the NewsAPI. Users can enter a search query to fetch news articles related to the query. The application displays the news articles in a responsive grid layout.
https://github.com/arnaudband/news_app
newsapi reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
This is a simple news application built with React that allows users to search for news articles using the NewsAPI. Users can enter a search query to fetch news articles related to the query. The application displays the news articles in a responsive grid layout.
- Host: GitHub
- URL: https://github.com/arnaudband/news_app
- Owner: ArnaudBand
- Created: 2024-02-21T06:14:09.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-21T22:58:01.000Z (about 1 year ago)
- Last Synced: 2025-01-15T10:03:10.842Z (3 months ago)
- Topics: newsapi, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 389 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# News App
This is a simple news application built with React that allows users to search for news articles using the NewsAPI. Users can enter a search query to fetch news articles related to the query. The application displays the news articles in a responsive grid layout.
## Features
- Search for news articles using keywords
- View a list of news articles with titles, descriptions, images, and sources
- Click on a news article to view the full article on the source's website
## Technologies Used
- React: Frontend library for building user interfaces
- NewsAPI: API for fetching news articles
- CSS: Styling the application
- Axios: HTTP client for making API requests
## Getting Started
To run the application locally, follow these steps:
1. Clone the repository: `git clone https://github.com/ArnaudBand/news_app.git`
2. Navigate to the project directory: `cd news_app`
3. Install dependencies: `npm install`
4. Create a `.env` file in the root directory and add your NewsAPI key: `REACT_APP_API_KEY=your-api-key`
5. Start the development server: `npm start`
6. Open http://localhost:3000 in your browser to view the application
## Contributing
Contributions are welcome! If you have any suggestions or improvements, feel free to open an issue or create a pull request.