AM
Amritasri10/Flashfeed-News-App
A modern and responsive news search application built with React.js and NewsAPI, featuring real-time headlines, keyword search, and dark/light mode support.
๐ฐ FlashFeed - News Search Application
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.
๐ Features
- 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.
๐ง Tech Stack
- Frontend: React.js, Bootstrap
- API: NewsAPI.org
- Icons: Bootstrap Icons
๐ธ UI Preview
Homepage with Top Headlines and Search Bar
Dark Mode Enabled
๐ฆ How To Run Project
-
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`
๐ Project Structure
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
๐ก๏ธ Environment Variables
Create a .env file in the root and add your NewsAPI key:
REACT_APP_GNEWS_API_KEY=74678d1dfe70404ca6fb362cf64cc1ce
๐ก Future Enhancements
- 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.
๐ Acknowledgements
- NewsAPI.org for powering the news data.
- Bootstrap for styling and layout.
- React.js for the front-end framework.
๐ License
This project is licensed under the MIT License.

