My flutter learning path
Tienes que considerar el software necesario para correr estos programas:
En esta parte vemos como crear un proyecto en flutter y como correrlo
Tenemos que abrir una nueva ventana de Visual Studio Code y tecleamos: Ctrl + Shif + P
Es una aplicacion donde puedes aumentar, disminuir o reiniciar un contador
| Hola mundo | Contador |
|---|---|
 |
 |
Es una aplicacion con todos los componentes basicos que ofrece flutter
Es una aplicacion de consulta de informacion de peliculas que usa un REST API
| Home Screen | Details Screen | Search screen |
|---|---|---|
 |
 |
 |
Este fue un ejercicio de creacion de 3 diferentes diseños para una aplicacion, el básico, el intermedio y un diseño mas avanzado
| Diseño básico | Diseño intermedio 1 | Diseño intermedio 2 | Diseño avanzado |
|---|---|---|---|
 |
 |
 |
 |
Esta es una aplicacion que usa la camara de tu dispositivo movil que lee codigos QR para paginas web y coordenadas en google maps
| Home Screen Maps | Screen Urls | Carmera working | Maps Screen |
|---|---|---|---|
 |
 |
 |
 |
Este es un ejercicio para saber como guardar las preferencias de usuario y mantener los cambios aun cuando cerramos la aplicación
| Home Screen light mode | Settings light mode | Settings dark mode |
|---|---|---|
 |
 |
 |
| Home Screen dark mode | Side bar menu dark mode | Side bar menu light mode |
|---|---|---|
 |
 |
 |
Esta es la primera parte de como crear una aplicacion de productos, empezamos con la creación del login
| Login Screen | Email form | Email form 2 |
|---|---|---|
 |
 |
 |
| Password form | Password form 2 | Login Screen full form done |
|---|---|---|
 |
 |
 |
Esta es la segunda parte de como crear una aplicacion de productos, creamos la pagina de inicio de la aplicacion y la pagina de creacion y modificacion de productos
todo esto guardando los cambios en una base de datos en firebase y guardamos las imagenes en cloudinary
| Home Screen | Product Screen | Home Screen + Firebase | Maps Screen |
|---|---|---|---|
 |
 |
 |
 |
| Home Screen + Firebase 2 | Product Screen + Firebase | Product modified |
|---|---|---|
 |
 |
 |
Esta es la tercera y última parte de como crear una aplicacion de productos, que es el login y el manejo de tokens en la aplicacion con la ayuda de firebase
| Login Screen | Email not found | Home Screen logged |
|---|---|---|
 |
 |
 |
| Sign In Screen | Email exists |
|---|---|
 |
 |
Aqui es la creacion de un icono y pagina de carga de la aplicacion propio
| App Logo | Loading Screen | Home Screen movie app |
|---|---|---|
 |
 |
 |
Es un ejercicio de como hacer que una aplicacion funcione con notificaciones push
| Home Screen | Message Screen recieved | App notification 1 |
|---|---|---|
 |
 |
 |
| App notification 2 | Message Screen redirect |
|---|---|
 |
 |