FlashFeed is a modern and responsive news search application built with React.js. It uses the NewsAPI to fetch the latest news articles from around the world and allows users to search for topics of interest.
- Search News: Instantly search for the latest news by keyword.
- Top Headlines: Get top headlines from various categories.
- Dark/Light Mode Toggle: Switch between dark and light themes.
- Responsive Design: Optimized for desktop and mobile devices.
- Fast Performance: Minimal and clean interface for quick browsing.
- Frontend: React.js, Bootstrap
- API: NewsAPI.org
- Icons: Bootstrap Icons
-
Clone the repository
`git clone https://github.com/Amritasri10/flashfeed-news-app.git` -
Install dependencies
`npm install` -
Start the development server
`npm start` -
Open your browser and visit
`http://localhost:3000`
flashfeed-news-app/
├── public/
│ └── logo.ico
├── src/
│ ├── components/
│ │ ├── CategoryTabs.js
│ │ ├── Footer.js
| | ├── Navbar.js
│ │ └── NewsCard.js
| | └── NewsCarousel.js
│ ├── api.js
│ ├── App.js
│ └── index.js
├── .env
└── README.md
Create a .env file in the root and add your NewsAPI key:
REACT_APP_GNEWS_API_KEY=74678d1dfe70404ca6fb362cf64cc1ce
- Add User Authentication: Allow users to create accounts, save favorite articles, and customize preferences.
- Improve Search Filters: Enable filtering by date range, source, language, and relevance.
- Push Notifications: Send alerts for breaking news based on user interests.
- Offline Mode: Cache news articles for offline reading.
- Enhanced UI: Add animations, infinite scrolling, and better mobile responsiveness.
- NewsAPI.org for powering the news data.
- Bootstrap for styling and layout.
- React.js for the front-end framework.
This project is licensed under the MIT License.