A modern Flutter News application that fetches the latest headlines from NewsAPI and displays them in a clean, responsive, and user-friendly interface.
- 📰 Browse the latest news
- 📂 Explore news by category
- 🌐 Fetch live news using REST API
- 🖼️ Display article images
- ⏳ Loading indicator while fetching data
⚠️ Error handling for failed requests- 📱 Responsive Material Design UI
| Loading | Loaded |
|---|---|
![]() |
![]() |
| Sports | Science |
| Technology | Different Categories |
|---|---|
![]() |
![]() |
- Flutter
- Dart
- Dio
- REST API
- NewsAPI
lib
│
├── components
│ ├── article_builder.dart
│ ├── categories_list.dart
│ ├── category_builder.dart
│ ├── news_view.dart
│ └── news_view_builder.dart
│
├── models
│ ├── article_model.dart
│ └── category_model.dart
│
├── services
│ └── news_service.dart
│
├── views
│ ├── category_view.dart
│ ├── home_view.dart
│ └── main.dart
│
└── assets
├── business.avif
├── entertainment.avif
├── general.avif
├── health.avif
├── science.avif
├── sports.avif
└── technology.jpeg
dio: ^latestgit clone https://github.com/Muhammadkhiry/news_app.gitcd news_appflutter pub getflutter runThis project uses NewsAPI.
Get your free API key from:
Replace your API key inside:
lib/services/news_service.dartExample:
const String apiKey = "YOUR_API_KEY";Note: Never upload your personal API key to GitHub.
- 🔍 Search for news
- ❤️ Favorite articles
- 🌙 Dark Mode
- 🔄 Pull to Refresh
- 📄 Infinite Scrolling
- 💾 Local Caching
- 🌍 Country Selection
Muhammad Khiry
- GitHub: https://github.com/Muhammadkhiry





