A lightweight and elegant product showcase mobile application built with Flutter. This app connects to a RESTful API to fetch and display products in a modern, user-friendly interface — ideal for small e-commerce or catalog-based businesses.
- 🧾 Fetch and display product listings from an external API
- 🔍 View detailed information about each product
- 📦 Clean and modular UI with responsive design
- 🌐 RESTful API integration
- 💡 Offline-ready structure (optional future support)
- Flutter
- Dart
- HTTP Client:
http - JSON Serialization: Manual parsing
- UI Layout: Flutter Widgets + Custom Styling
- Font Management:
google_fonts - Image Caching:
cached_network_image - Loading Placeholder:
shimmer - Grid Layouts:
flutter_staggered_grid_view - Persistent Storage:
shared_preferences - Launcher Icon Customization:
flutter_launcher_icons
.
├── lib
│ ├── models
│ │ └── product.dart
│ ├── services
│ │ └── api_services.dart
│ ├── utils
│ │ ├── colors.dart
│ │ ├── images.dart
│ │ ├── routes.dart
│ │ ├── string_extensions.dart
│ │ ├── strings.dart
│ │ └── text_sizes.dart
│ ├── views
│ │ ├── categories.dart
│ │ ├── category_products.dart
│ │ ├── favorites.dart
│ │ ├── home.dart
│ │ ├── navigation_menu.dart
│ │ ├── product_details.dart
│ │ └── splash.dart
│ └── widgets
│ ├── custom_network_image.dart
│ ├── product_card.dart
│ ├── shimmer_grid.dart
│ ├── shimmer_list.dart
│ └── shimmer_product_card.dart
├── app.dart
└── main.dart
- Clone the repo
- Run
flutter pub get - Launch the app on an emulator or device
- Make sure your API is reachable
MIT — Feel free to use and adapt as needed.