En este repositorio se muestran varios proyectos de flutter, utilizados para el desarrollo de aplicaciones moviles. Cada proyecto posee su version donde se puede visualizar todo el procedimiento realizado en cada uno de ellos y sus mejoras. A continuacion se mostraran algunas anotaciones para el desarrollo de estos proyectos y se mostrara cada proyecto explicando lo que se necesita para su ejecucion y los resultados.
👍 Flutter: framework utilizado para facilitar la elaboracion de proyectos moviles y ofrece herramientas para crear apps completas.
👍 Android Studio: Entorno de desarrollo integrado oficial para elaborar apps moviles.
👍 Dart: Lenguaje de programacion orientado a objetos, utilizado para digitar codigo de una aplicacion.
👍 Visual Studio Community: Utilizado para la ejecucion de aplicaciones moviles en varios entornos.
👍 Firebase_cli: Interfaz de linea de comandos que permite enlazar nuestros proyectos a la base de datos Firebase.
👍 Variables de entorno: Partes de un entorno para la ejecucion de procesos a traves de comandos cmd y almacenando direcciones de archivos y carpetas para realizar estos procesos.
👍 CMD: Interfaz de linea de comandos para digitar instrucciones a traves de estos.
Este primer proyecto consiste en una galeria que contiene 4 imagenes, por lo tanto se importa 'package:flutter/material.dart' para utilizar los materiales y herramientas que flutter contiene para elaborar esta galeria, tambien importamos 'package:flutter/rendering.dart' para crear cuadros utiles como plantilla y sirven para ajustar las imagenes contenidas en cada uno de estos.
En esta version se implementaron botones a partir de la herramienta bottomNavigationBar que esta contenido en Scaffold que contiene herramientas para construir un appBar, body y bottomNavigationBar.
Esta ultima version contiene 30 imagenes que se ajustan en grillas, ademas contiene un boton flotante una etiqueta muy util para que se pueda visualizar todo el contenido haciendo scroll es 'SingleChildScrollView'.
Este proyecto muestra un listado de productos donde al hacerle click a cada uno, mostrara los detalles y el nombre del producto, tambien se organizo cada clase en un archivo dart aparte para organizarlo mucho mejor y tambien se empieza a crear directorios para clasificar los archivos.
Esta version mejorada muestra las imagenes y texto distinto en cada uno de los productos desplegados, mostrando el nombre del producto, la imagen del producto y sus detalles con un precio.
Este proyecto trata de un generador de palabras, donde podemos seleccionar palabras como favoritas y añadirlas a una lista, ademas se importa 'package:english_words/english_words.dart' para generar palabras aleatorias en ingles, por lo tanto se crea un listado de estas y cualquiera puede ser agregada coo favorita.
Este dashboard es una plantilla responsive donde se ordenan los cuadros dependiendo del dispositivo donde se ejecute, por lo tanto se crearon archivos para escritorio, tablet y movil con sus modificaciones para que la interfaz cambie.
Esta version contiene varias imagenes, incluyendo una imagen publicitaria con testo encima, botones en la parte inferior y varias imagenes de productos con la descripcion al lado de cada una y un boton de compra y mas informacion.
El carrito de compras contiene una lista de productos con imagen y su nombre, ademas un boton para agregar al carro de compras, cada vez que se seleccione un producto, el numero en el icono va aumentando, al entrar en ese icono, se muestran los productos seleccionados anteriormente.
Esta version contiene imagenes de cada producto y en el carro de compras aparece el producto con la cantidad que el usuario desee y el precio sumado por la cantidad, ademas contiene el total, IVA y el total con IVA.
Este login contiene una base de datos firebase, en este caso se debe realizar la instalacion de firebase_cli para poder enlazar el proyecto con el login a traves de varios comandos ( flutter pub add firebase_core, flutter pub add firebase_auth, flutter pub add cloud_firestore, flutter pub add provider, dart pub global actívate flutterfire_cli, dart pub global activate flutterfire_cli, flutterfire configure), tambien se debe tener en cuenta habilitar el modo de desarrollador para que el codigo se pueda ejecutar correctamente. Como se puede observar, el login contiene la seccion para iniciar sesion, registrarse, recuperar la contraseña y la pagina de inicio, ademas para recuperar la contraseña, llega una notificacion al correo para poder cambiarla.