Planteamiento de la app en Flutter

Lección 30 del Curso Flutter y Laravel Tienda Delivery

Diseño del flujo de navegación e interacción de la app en Flutter, con un editor de imágenes que nos permita bosquejar las pantallas

COMPRA ESTE CURSO

Y accede a todos los recursos y videos, explicación, scripts y descarga del código fuente disponible con la compra del curso

COMPRAR

Planteamiento de la app en Flutter | Curso Flutter y Laravel Tienda Delivery

En esta sección vamos a definir el flujo de navegación e interacción del proyecto que desarrollaremos usando el SDK de Flutter

  1. Pantalla inicial
    • Basicamente debe mostrar el logo que será una imagen en formato PNG
    • Adjuntamos en la parte inferior un botón con una interacción donde un click lanzará a la siguiente pantalla de Login si es que no existe  login.
    • El fondo será de color Amber
    • Mostrar un gráfico lateral izquierdo con un texto vertical
  2. Pantalla Login
    • Fondo de color Amber
    • Campo para ingresar un email
    • Un segundo campo para ingresar el password
    • Un tercer widget para incrustar un boton para ejecutar el login con la API rest con Laravel 
  3. Pantalla Registro
    • Fondo de color Amber
    • Un campo para ingresar el nombre
    • Un segundo campo para ingresar email
    • Más un tercer campo para ingresar el password
    • Finalmente incrustar un botón para procesar el registro de un nuevo usuario con al API Rest
  4. Pantalla Productos
    • Mostrar los productos clasificados por categorías, subcategorías
    • Por cada producto se mostrará datos como una foto, nombre, precio y un botón para agregar al carrito de compra dicho producto.
  5. Pantalla Carrito
    • Lista de los productos que han sido elegidos para su pedido con datos como: la foto, el nombre, el precio, la cantidad y el precio final.
    • Agregaremos interactividad como el botón incrementar y decrementar, además de un botón de procesar pedido.

Utilizaremos un editor de imágenes para bosquejar la estructura de cada pantalla


COMPRA ESTE CURSO

Y accede a todos los recursos y videos, explicación, scripts y descarga del código fuente disponible con la compra del curso

COMPRAR

227 visitas

Lecciones del curso

27. Autenticación con JWT
28. Enviar Productos en JSON
29. Recibir pedidos en Laravel
VER MÁS CURSOS
Logo Codea App

© Todos los derechos reservados CODEA APP | Cursos de programación avanzados con proyectos reales | 2020