Introduction

I created a complete shop app which shows available products, and their details. You can also set products as favourite and add them to your cart. Furthermore, you can also place your order from your cart.

The complete source code of the project is available on github.

Preview

Main Screen

Main Screen is composed of following components:-

  1. A grid showing list of available products.
  2. A side drawer which contains link to Main Screen and order screen.
  3. Popup Menu which switches between all products and favourite products.
  4. A cart action with label which shows number of products in cart.

Main Screen

Side Drawer

A major navigational components which is present in multiple screen, therefore, drawer is developed as standalone component.

Side Drawer

Cart Screen

Cart screen shows total amount for the items present in the cart as well as details of the items present in cart.

Cart Screen

Order Screen

Order Screen shows list of orders placed along with their expandable details.

Order Screen

Favourite Screen

Favourite screen shows list of products you have marked them as favourites.

Favourites Screen