Curso Flutter y Laravel Tienda Delivery

Planteamiento de la app en Flutter

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

Lección 30 del Curso Flutter y Laravel Tienda Delivery

DESCRIPCIÓN DE LA LECCIÓN

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


POR LA COMPRA DEL CURSO COMPLETO

  • MIRA TODOS LOS VIDEOS SIN RESTRICCIÓN
  • TEN ACCESO AL CURSO
  • DESCARGA TODO CÓDIGO FUENTE DEL PROYECTO
  • ACCESO A CURSOS Y RECURSOS GRATIS

Flutter y Laravel Tienda Delivery

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

1059 visitas

Lecciones del curso

1. Introducción 1964
2. Planteamiento 1285
4. Base de datos 1105
6. Módulo Usuarios 943
7. Módulo Categorías 1019
8. Módulo Subcategorías 920
9. Módulo Productos 984
10. Módulo Pedidos 807
11. Módulo Detalle 874
12. Carrusel de imágenes 1272
13. Blog para SEO 828
14. Roles de usuario 1747
16. Menú de navegación dinámico 1717
17. Carrusel de imágenes dinámico 1980
18. Productos en la Portada 740
19. Arquitectura de urls en Laravel 707
20. Mostrar categorías y subcategorías 1294
21. Mostrar Producto 797
22. Blog en Laravel 643
24. Procesar el Pedido 653
25. Historial del Pedido 745
26. Integrar Json Web Tokens 1241
27. Autenticación con JWT 888
28. Enviar Productos en JSON 1673
29. Recibir pedidos en Laravel 828
31. Creación del Proyecto Flutter 575
32. Estructura de Archivos 2364
33. Implementación del Servicio Web (API) 1148
34. Modelos Categoria, Subcategoria y Producto 824
35. Creación de la Base de Datos Sqflite 829
36. Métodos para gestionar la DB DbHelper 509
37. Modelo Carrito 465
38. Métodos para la gestión del Carrito 542
39. Implementación de la Pantalla Inicio 848
40. Implementación de la Pantalla Login 3227
41. Implementación de la Pantalla Registro 1223
42. Uso de la API para sincronizar la BD 1105
43. Implementación Pantalla Categoria con Sqflite 637
44. Implementación de la pantalla Productos 507
45. Implementación Pantalla Producto 740
46. Logout de la App Delivery 1183
47. Integrar ChangeNotifierProvider 517
48. Integrar Notificaciones en la AppBar 625
49. Botón Agregar al Carrito 726
50. Resumen Carrito de Compra 476
51. Envío del Pedido Delivery 593
52. Confirmación del Pedido Delivery 474
53. SEO Onpage en Laravel 622
54. Maquetación FrontEnd 682
55. Diseño en Flutter 611
VER MÁS CURSOS
Codea App

Codea App FullStack

Perú, México, Colombia, España, Venezuela, Argentina, Bolivia

You Fb Tik Pin

© Todos los derechos reservados Codea App FullStack | Cursos de programación avanzados | 2020 - 2021