A responsive news application built with React that fetches and displays live headlines from around the world using the NewsAPI. Filter news by category and stay updated in real time.
🔗 Live Demo: (Coming Soon) 📂 GitHub: github.com/myasirweb/React_NewsApp
- Live news headlines fetched from NewsAPI
- Filter news by category — Business, Technology, Sports, Entertainment, Health, Science
- Responsive card-based layout
- Loading spinner during API fetch
- Infinite scroll / pagination
- Clean, minimal UI
| Layer | Technology |
|---|---|
| Frontend | React.js |
| API | NewsAPI.org |
| Styling | Bootstrap / CSS3 |
| HTTP Client | Fetch API |
- Node.js >= 16
- NewsAPI key — get free at newsapi.org
git clone https://github.com/myasirweb/React_NewsApp.git
cd React_NewsApp
npm installCreate .env in root:
REACT_APP_NEWS_API_KEY=your_newsapi_key_herenpm start # Starts on http://localhost:3000Muhammad Yasir — Frontend Engineer 🌐 yasir-portfolio-nextjs.vercel.app 💼 linkedin.com/in/yasirweb 📧 muhammad.yasir1368@gmail.com
MIT License