A Flutter UI practice project — a Vodafone Cash-inspired e-commerce screen built to practice layout composition, custom widgets, and grid-based product listings.
This is a frontend-only build (no backend/state management yet) focused on getting comfortable with Flutter's core layout widgets: Row, Column, Expanded, GridView, and Drawer.
- Home screen with a promo banner, product grid, and bottom navigation
- Side drawer with profile avatar, account menu items, and social media links
- Product grid showing image, price, and Add/View actions per item
- Reusable widgets (
buildMedia,buildBottoms,buildProduct, etc.) split into a separatewidgets.dartfile for cleaner code organization
| Screen | Description |
|---|---|
| Home | Promo banner + scrollable product grid |
| Drawer | Profile, account settings, and social links |
- Flutter — UI toolkit
- Dart
Make sure you have Flutter installed. If not, follow the official installation guide.
Check your setup:
flutter doctor- Clone the repo
git clone https://github.com/your-username/sprint-store.git- Navigate to the project folder
cd sprint-store- Install dependencies
flutter pub get- Run the app
flutter runlib/
├── main.dart # App entry point
├── store.dart # Store screen (Scaffold, AppBar, Drawer, BottomNav)
└── widgets.dart # Reusable widgets (media icons, drawer items, product cards, body)
- This is a learning project — UI is functional but not yet connected to real data or a backend
- Built as a hands-on exercise in Flutter layout fundamentals (Row/Column/Expanded behavior, GridView, custom widget extraction)
This project is open source and available for learning purposes.