Shop Nike

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


Levantar el proyecto

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

Paquetes de terceros

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

Estructura de directorio

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

Capturas de pantalla

Home 1:

Detalle Producto:

 


Onboarding:

   

Home 2:

       

   

   

   

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2024-03-25.at.22.16.31.mp4