Boat Clone App

An E-commerce app UI for BOAT lifestyle products, made with Flutter framework.

boAt - Buy your electronic wearables here!

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.

Visuals of The Application

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

Project Environment:

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

Code Flow:

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

Feature List

├── 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.