A React-based web application that allows you to view, search, filter, bookmark, save, comment on, and share news articles from various sources.
- View news articles from various sources
- Search for articles by keyword
- Filter articles by category, source, and date
- Bookmark specific articles for later viewing
- Save specific articles for offline viewing
- Comment on articles and view comments from other users
- Share articles via social media
- Clone the repository:
git clone https://github.com/patrickwide/newsflash.git - Install dependencies:
npm install - Start the development server:
npm start
Upon launching the News App, you will be presented with a list of news articles from various sources. Click on an article to view its details, including the title, description, author, source, and publication date.
To search for articles by keyword, enter the search term in the search bar at the top of the page and press enter. The app will display a list of articles that match your search query.
To filter articles by category, source, or date, use the filter dropdown menus at the top of the page. You can filter by one or more categories, sources, or dates to narrow down the list of articles.
To bookmark an article for later viewing, click on the "Bookmark" button below the article details. The app will save the article to your bookmarks list, which you can access by clicking on the "Bookmarks" button in the sidebar.
To save an article for offline viewing, click on the "Save" button below the article details. The app will save the article to your saved list, which you can access by clicking on the "Saved" button in the sidebar.
To comment on an article, scroll down to the bottom of the article details and enter your comment in the comment box. Once you submit your comment, it will be added to the list of comments for the article.
To share an article via social media, click on the "Share" button below the article details. The app will display a list of social media platforms that you can share the article on.
This app uses the NewsAPI.org API to fetch news articles.