🛒 Shop App

A simple Shop App to browse, add your own products, add products to cart and later order them.

Download APK & Source Code

Universal Release arm64 x64 armabi Source Code (zip) Source Code (tar.gz)

👨‍🎓 Things I learned through this project

State Management

Working with Providers, listeners and notifiers.
Using a Provider class in another Provider class.
Using Consumers for more optimizations i.e. rebuilding only the builder function or a part of widget.
Using Provider to provide data application-wide or multiple widgets, OR
Using Stateful Widget instead of Provider when the state only affect a widget or its child widget.

Working with User Input & Forms

Handling and validating the User Input.
Showing dialogs to interact with Users

Working with HTTP Requests & Error Handling

Using Http requests like post, get, patch, etc to do CRUD operations.
Using Future & Asynchronous Fn with async/await.
Error Handling, using try-catch(-finally) or catcherror.

Working with User Authentication

Using Firebase Authentication to Log in/out, sign up, etc.
Managing Auth token locally using Shared Preferences.
Using the ProxyProvider & attaching the Token to outgoing HTTP requests.
Using the FutureBuilder to show different widgets based on the future state.
Automatically Logging In/Out functionality.

Animation

Using built-in animations like Hero Animation, various Transition Animations, etc.
Using AnimatedBuilder/AnimatedContainer to animate a widget without rebuilding it.
Implementing Custom Route Transitions.

Dependencies Used

http: ^0.13.4 intl: ^3.2.0 provider: ^10.1.0 shared_preferences: ^2.0.15

📱 App UI

Click here to expand

Login/Signup Screen	Home Screen	Product Detail Screen

*App Drawer*	*Filter PopUp*	*Cart Screen*

*Orders Screen*	*Manage Products Screen*	*Edit Product Screen*

Directory Structure

shop_app
|
|-- assets
|   |-- fonts
|   |   |-- Anton-Regular.ttf
|   |   |-- Lato-Bold.ttf
|   |   `-- Lato-Regular.ttf
|   |
|   `-- images
|       |-- background.png
|       |-- clock.png
|       |-- light-1.png
|       |-- light-2.png
|       `-- shop_app.png
|
|-- lib
|   |-- helpers
|   |   `-- custom_route.dart
|   |
|   |-- models
|   |   `-- http_exception.dart
|   |
|   |-- providers
|   |   |-- auth.dart
|   |   |-- cart.dart
|   |   |-- orders.dart
|   |   |-- product.dart
|   |   `-- products.dart
|   |
|   |-- screens
|   |   |-- auth_screen.dart
|   |   |-- cart_screen.dart
|   |   |-- edit_product_screen.dart
|   |   |-- orders_screen.dart
|   |   |-- product_detail_screeen.dart
|   |   |-- products_overview_screen.dart
|   |   |-- splash_screen.dart
|   |   `-- user_products_screen.dart
|   |
|   |-- widgets
|   |   |-- app_drawer.dart
|   |   |-- badge.dart
|   |   |-- cart_item.dart
|   |   |-- order_item.dart
|   |   |-- product_item.dart
|   |   |-- products_grid.dart
|   |   `-- user_product_item.dart
|   |
|   `-- main.dart
|
|-- pubspec.yaml
|
`-- README.md

Building from Source

If you don't have Flutter SDK installed, please visit official Flutter site.
Fetch latest source code from master branch.

rajput-hemant@arch:~$ git clone https://github.com/rajput-hemant/shop-app

Run the app with Android Studio or VS Code. Or the command line:

rajput-hemant@arch:~$ flutter pub get
rajput-hemant@arch:~$ flutter run