/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.

Primary LanguageJavaScript

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.