Admin Application for the Full Stack Online Marketplace Project Quickly. This App has been built using Flutter and uses Node.js’s Express framework based REST-API for backend server, which in turn uses MongoDB as Database.
Download .apk for this app : Quickly admin
This frontend App is built using Flutt er following the Bloc pattern and Bloc state management keeping in mind clean architecture.
Also see :
User App : Quickly
Rest-Api : Quickly Api
Core feautures of Admin App :
- Create Account & recieve Welcome email
- Log-in to account & Reset password using OTP through email
- Display list of admin products
- Create, View, Update & Delete product
- Metrics consisting of bar graph and pie chart representing category-wise:
- Inventory Cost Distribution
- Revenue & sales along with Seller’s milestone
- Views by unique users to know attention a product & category is getting
- Sign out
The App starts with a splash screen, followed by a Start page, that specifies outlook of the app & link for authentication :
The Authentication Pages :
SignUp & LogIn:
On Sign-up, an account is created for user & user recieves a Welcome email from Quickly, user can log-in with the credentials.
Reset Password :
User has to enter email and OTP to change password would be sent to their email address.
App bar with Inventory Cost Metrics and general details of admin trade. The body consists of list of products. Other pages : sales, views and profile.
View Produc , Add a Prodcut, update product, delete product.
This Project follows Clean Architecture using BLoC Pattern, where code is seperated into :
|- Data Layer |- Domain Layer |- Presentation Layer
The complete Folder Structe is as follows :
The lib folder consists :
lib |- data |- domain |- presentation |- config |- main.dart
The data sub-folder handles all calls for data, local or remote
data |- local |- local_data.dart |- remote |- remote_data.dart
The domain sub-folder has models and repositories :
domain |- models |- product.dart |- user.dart |- repositories |- auth_repository.dart |- metric_repository.dart |- product_repository.dart
The presentation sub-folder consists all UI part and bloc; widgets contain refactored and re-usable widgets.
presentaion |- pages |- authentication |- start.dart |- sign_up.dart |- sign_in.dart |- reset_password.dart |- metrics |- sales.dart |- views.dart |- product |- add_product.dart |- products.dart |- product.dart |- profile |- prodile.dart |- home_page.dart |- widgets |- metrics |- metrics_helper.dart |- order_steps |- address_step.dart |- order_placed.dart |- review_details.dart |- products |- product_helper.dart |- products_helper.dart |- input_field.dart
presentaion |- Bloc |- bloc |- auth_bloc.dart |- metric_bloc.dart |- product_bloc.dart |- events |- auth_events.dart |- metric_events.dart |- product_events.dart