Open Flutter Project: E-commerce App

Andrey Poteryahin
3 min readJan 17, 2020

--

Open Flutter Project is an Open Source project developed to create a set of reliable solutions using Flutter. The first project we are starting on is an E-commerce App that will be described in this article.

The App

The App will contain a few components: Splash Screens, Home Screens, List of Categories, Category Product Screens, Filters, Product Details Screen with Rating and Reviews, Ordering Process, User Profile with Login and Favorites.

Home Screen

There are three basic views available for the home screen containing links to products, categories and promoted items.

Start screens are discussed in “Splash and Home Screens in E-commerce App”.

Category List

Two general views of the category list.

Product categories are discussed in “Product Categories in E-commerce App”.

Product List

Product list and hashtags are discussed in “Product list and hashtags in E-commerce app”.

Sort by and Filters

Product list filters and sorting is discussed in “Product filters in E-commerce app”.

Product Page

Product details page with ability to select additional

Product details screen functionality is discussed in “Product details in E-commerce App”.

Product Reviews and Ratings

Product reviews are discussed in “Product Reviews in E-commerce App”.

Cart

Cart functionality is discussed in “Product Cart and Checkout in E-commerce App”.

Checkout

Profile with My Orders

Profile Settings

My Favourites

Sign In/Sing Up

Sign Up will be done using email, name and password. Google and Facebook login included as well as forgot your password screen.

Designers Contribution

The UI Kit was done by Fively team. The authors of the design are Anastasiya Morozova and Rimma Kovalevich. Say thank you to them once you have a chance.

Project roadmap

The project will be done in steps. We will start with UI being done in Flutter. The App will be based on Bloc architecture. If you are not familiar with Bloc you should start with this article.

Whats next?

You can join our LinkedIn group “Open Flutter Project” to stay up to date on project updates.

Open Flutter Project E-commerce App current version is available on github.

If you have any questions or propositions feel free to get in touch with LinkedIn with me.

Regards,

Andrey

--

--