Clot Ecommerce

This is a Flutter mobile application basead on a Figma Ecommerce UI Kit by Emmanuel Nwankwo. This is my first Flutter project which I started with the objective to apply the knowledge recently acquired during a Flutter course by Alura.

Clot.App.Demo.mp4

Getting Started

Firstly this project relies on a back-end service which you can check here. This API provides the data needed to run the application, such as category and product data. More info on how to use it on it's repository.

How to Use

Step 1:

Clone this repo by using the command below:

git clone https://github.com/willperes/clot_ecommerce.git

Step 2:

Go to project root and execute the following command in the console to get the required dependencies:

flutter pub get 

Step 3:

Run the project with the following command:

flutter pub run

Features:

• Routing
• Theme
• Provider (State management)
• Shopping cart

Up-Coming Features:

• Authentication
• Finish orders
• Dark Theme Support
• Add products to your favorites

Libraries & Tools Used

• Provider (State management)
• http
• http_interceptor
• shared_preferences
• flutter_screenutil
• flutter_svg
• shimmer
• test (Tests)
• equatable (Tests)

Folder Structure

Here is the core folder structure which flutter provides.

flutter-app/
|- android
|- build
|- ios
|- lib
|- test

Here is the folder structure we have been using in this project

lib/
|- data/ (State management)
|- models/ (Data models)
|- screens/ (Contains the screens of the application)
|- services/ (Http request logics)
|- theme/ (Contains the app's theme configurations)
|- utils/ (Utilities/common functions of the application)
|- widgets/ (Contains commonly used Widgets)

Screenshots