An E-commerce app UI for BOAT lifestyle products, made with Flutter framework.
An e-commerce app with refreshing UI. Want to buy Airdopes? Or Headphones, or Speakers, or Smart Watches, or fascinating boAt Wearables? boAt lifestyle app is all you need. Buy what you want to, with amazing and seemless UI of the app. |
| Home Screen | Shop Screen | Cart Screen | Profile Screen |
 |
 |
 |
 |
| Home Demo | Cart Demo | Tab bar Demo | Snackbar Demo |
 |
 |
 |
 |
Please star⭐ the repo if you like what you see.
Home Page
| Advertisement 2 | Advertisement 3 | Advertisement 4 | Advertisement 5 |
 |
 |
 |
 |
| boAt-Head Kiara | boAt-Head Kartik | boAt-Head Rashmika | boAt-Head KL Rahul |
 |
 |
 |
 |
| Empty Search Bar | Search Text | Drawer | Home Page End |
 |
 |
 |
 |
Shop Page
| Airdopes Tab | Headphones Tab | Neckbands Tab | Wired Tab |
|
 |
 |
 |
| Speakers Tab | Smartwatches Tab | SnackBar Message |
 |
 |
 |
Cart Page
| Empty Cart | Filled Cart |
 |
|
Profile Page
| Profile |
|
Flutter 3.1.0-0.0.pre.1843 • channel master • https://github.com/flutter/flutter.git
Framework • revision 438eaf7fed (18 hours ago) • 2022-07-25 08:56:06 -0400
Engine • revision 51b188c54b
Tools • Dart 2.19.0 (build 2.19.0-33.0.dev) • DevTools 2.15.0
Project is following MVC pattern. All the UI components are inside views folder. Business logic is handled inside controller folder. Model is used to parse data.
└── lib/
├── controller/
│ └── cart_controller.dart
│
├── model/
│ └── empty
│
├── view/
│ └── cart_contents.dart
│ └── home_contents.dart
│ └── profile_contents.dart
│ └── shop_contents.dart
│
└── main.dart
├── Appealing Home Screen with a set of Advertisements and Product Categories.
├── Products with category-wise tabs for easy product tracking.
├── SnackBar notifications for adding items to cart.
├── Shopping Cart with controller to manage products and total payable amount.
└── Profile UI.
To learn more about MVC pattern:
https://medium.flutterdevs.com/design-patterns-in-flutter-part-1-c32a3ddb00e2
To Install flutter:
https://flutter.dev/docs/get-started/install