DMarlon Studio
All demos · Mobile
Flutter

Shop with login

A mobile shop made with the Flutter screen editor: login, catalog, cart and payment, with the logic in Dart. The same app runs on Android, iPhone and the web.

What it shows

  • Screens designed FlutterFlow-style
  • Login, navigation and app state
  • The same app on Android, iPhone and the web
Shop with login: Sign in

How it works

  1. Step 1: Sign in
    1

    Sign in

    The login screen checks the email and password (try demo@tienda.com and 1234).

  2. Step 2: Search the catalog
    2

    Search the catalog

    Filter by category or search by name; each product has its icon, price and cart button.

  3. Step 3: Fill the cart and pay
    3

    Fill the cart and pay

    Each product has its cart button; the cart adds up the lines, works out the total and, on payment, the app confirms the order.

This demo comes as an example in DMarlon Studio: open it in the Designer to see its design and code, change it and press Run.