An Advanced Flutter app showcasing daily news articles

Daily News App – An Advanced Flutter app showcasing daily news articles

Creator: A.F.M. MOHIMENUL JOAA

Feature Description:

1. Fetch and Display: Fetch news articles from the NewsAPI Display them in a list with the article title, image, and a short description.
2. Detail View: On tapping a list item, navigate to a new screen that displays the full content of the article, including the image, title, content, and published date.
3. State Management: Implement a state management solution of your choice (RiverPod or Bloc) to manage and store the fetched articles.
4. Error Handling: Implement error handling for network failures or any other possible exceptions.
5. Pull to Refresh: Implement a pull-to-refresh feature that fetches the latest articles when the user pulls down on the list.
6. Caching: Cache the fetched articles to provide an offline reading experience.
7. Search Functionality: Allow users to search for specific articles by keyword.
8. Theming and UI/UX: Showcase your design and theming skills by styling the app beyond basic widgets.

Supported Platform:

Android, iOS, Web

Features

• Material design
• Clean architecture using Business Logic Component
• Local data caching using hive
• Network image caching using Cached Network Image
• Inherited Widget using provider
• App Routing
• Repository Pattern
• Flare animation using Flare Flutter
• Proper Error Handling
• Proper Permission Handling
• Pull to refresh
• Domain driven design
• Search using country, category and query
• Caching search result using hive
• Using custom fonts
• Light and Dark theme implementation
• Beautiful modern UI with animation and sidebar
• Shimmer if image url is null or empty shimmer

Screenshot

Build Requirements

SDK	Version
Dart	3.1.3
Flutter	3.13.6

Dependency

Dev Dependencies
cupertino_icons
flutter_svg
flutter_zoom_drawer
logging
freezed_annotation
json_annotation
bloc
flutter_bloc
provider
flare_flutter
dio
hive
intl
dartz
get_it
cached_network_image
flutter_cache_manager
path_provider
shimmer

License

GNU AFFERO GENERAL PUBLIC LICENSE

Resources Used:

• YouTube
• Dart & Flutter Packages

You can check out the entire code of this App here:

Get Full Source Code

View Github

Conclusion

This was all about a quick go through the basic flutter App UI Screen. If you need any assistance regarding flutter app development, you can consult a flutter developer from FlutterDesk. We would love to be of help. Still, if you feel any difficult while dealing with Flutter app development projects, you can reach out to us or hire Flutter developers to outsource any of your app development project.

Do like & share my Facebook page. if you find this post helpful. Thank you!!

Happy coding! 😉

Related Articles:

• How to Install Flutter in windows 10
• Quiz App using flutter with source code
• Flutter music app Search all audio files in android phone
• Flutter NEWS App with REST APIs source code
• Chat GPT Voice Chatbot App with Flutter source code
• Make News and Weather App using flutter
• A Flutter News Application created with source code
• Wallpaper App with awesome wallpapers Made using Flutter
• Creates a pdf file from images using Flutter and flask
• TV news app with Flutter a free and open-source
• Flutter news app that displays news from different sources using News API
• A Book library App with Flutter source code
• Messenger chat App UI built with Flutter source code
• Messaging Chat App Using Flutter source code
• An Advanced Flutter app showcasing daily news articles

READ MORE