DMarlon Studio
All demos · Web
React · Vite

Web shop (React)

The same shop generated as a React website with Vite: React components from the design and static files ready to publish.

What it shows

  • Generated React components
  • Built with Vite
  • The logic in JavaScript, as in HTML
Web shop (React): Sign in

How it works

  1. Step 1: Sign in
    1

    Sign in

    Log in with demo@tienda.com and 1234, as a React component.

  2. Step 2: The catalog
    2

    The catalog

    Each screen of the design is a component; data and logic in JavaScript.

  3. Step 3: The cart
    3

    The cart

    The app state repaints the cart and total as soon as it changes.

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.