Flutter project recreates an electronics store home screen mockup

  Screen, UI

E-Store Mobile App Home Screen

This Flutter project recreates an electronics store home screen mockup. The mockup was created by @nasyiya.design on instagram.

I saw the mockup on instagram and thought it would be interesting to recreate it in Flutter as my first real stab at making something fully in it.

What it looks like

Compared to the mock

The mock is on the left.

Running this project

flutter run in the project directory.

Project Structure

The files specifically added/edited for the project are:

  • assets
    • controller.png
    • headphones.png
    • headphones2.png
  • lib/widgets
    • …All the widgets used in the view
  • lib/main.dart

Download E-Store Mobile App ui design source code on GitHub

https://github.com/Aldo111/estore_flutter_app