react-news-blog

React News Blog

React News Blog is a simple web application built using React and the News API to display the latest news articles from various sources. The application displays a list of articles with their title, description, source, and published date. Users can also click on each article to read the full article on the source’s website.

Getting Started

To get started with this project, follow the steps below:

1. Clone the repository: git clone https://github.com/NobleOsinachi/react-news-blog.git
2. Change into the project directory: cd react-news-blog
3. Install the required dependencies: npm install
4. Create a .env file in the project root directory with your News API key: REACT_APP_NEWS_API_KEY=YOUR_API_KEY
5. Start the development server: npm start
6. Open http://localhost:3000 in your browser to view the application.

Features

React News Blog has the following features:

• Display the latest news articles from various sources.
• Display each article’s title, description, source, and published date.
• Click on each article to read the full article on the source’s website.
• Search for news articles by keyword.
• Filter news articles by category.

Technologies Used

• React
• Axios
• React Router
• Material-UI
• News API

Credits

The News API is used to fetch the latest news articles for this application. You can find more information about the News API at https://newsapi.org/.

License

This project is licensed under the MIT License. See the LICENSE file for more information.