Esta es una aplicación tipo tienda de zapatos nike, donde se crearon varias paginas con estilos avanzados.
Uno de los diseños esta basado en el UI de Rushit dhameliya en: https://www.uplabs.com/posts/nike-shoes-app-ui-design
Puede levantar el proyecto con visual studio code ejecutando comand + shift + P. Luego "Select Device".
Luego abre el archivo main.dart y presiona F5 o fn + F5 app.
Nota: es importante tener instalado todas las configuraciones necesarias para flutter
https://docs.flutter.dev/get-started/install
En el proyecto se han utilizado algunos paquetes de terceros que fueron de mucha ayuda para la construcción final.
A continuación encontrará la información sobre estos paquetes.
Paquete | Explicación |
---|---|
cupertino_icons | Iconos de cupertino |
providers | Manejador de estados |
font_awesome_flutter | Librería de iconos |
Directorio | Explicación |
---|---|
assets | Contiene todas las imagenes png, svg o gif |
android, ios, web | Contiene todas las configuraciones de la plataforma que genera flutter automáticamente |
lib | Contiene toda la lógica de la aplicación |
Luego el directorio lib
Directorio | Explicación |
---|---|
screens | Contiene todas las clases de cada pantalla de la app |
widgets | Contiene todos los widgets personalizados que se reutilizan en distintas secciones de la app |
models | Contiene todos los modelos |
providers | Contiene todos los providers |
services | Contiene todos los servicios en este caso para peticiones http |
theme | Contiene toda la configuración del tema |
ui | Contiene lógica de estilos de inputs |
utils | Contiene la lógica de utilidades como obtener un numero random |