Propósito del proyecto
Inspirado por app de recordatorios de iOS, he decidido recrearla parcialmente utilisando stack basado en React y Firebase como backend.
La app pueden usar varios usuarios cada uno con su propio login. Se pueden crear y borrar listas y tambien los recordatorios con un retraso por si se cambia la intencion. Se pueden anadir las imagenes a cada recordatorio.
Existen las lista predefinidas como las tareas de hoy y de los proximos tres dias...
Mi papel en el proyecto
Utilizando Figma app se ha creado el diseño y UI de la app.
Posteriormente, paso a paso iba construyendo estructura de la app y el flujo de UX. La conexion con Firebase se utilizo como como backend. Luego se han anadido diferentes caracteristicas. Al final, se utilizo Netlify via GitHub para deploy.
La idea es seguir añadiendo nuevas caracteristicas y mejorar el diseño.
Web stack y la explicación
Lugar de trabajo: Visual Studio Code. Utilicé Vite como entorno de desarrollo rápido junto con EsLint y Prettier para mantener un código limpio y consistente.
Figma: Utilicé Figma para diseñar y crear interfaces de usuario atractivas, centrándome en la experiencia del usuario y la interfaz de usuario.
CSS: Transformé diseños en aplicaciones funcionales utilizando CSS moderno. Hice uso de Flexbox, Grid y la nueva query container para lograr un diseño fluido y responsivo.
React: Componentes reutilizables, props. Uso de condicional rendering. Control de formulario con estado a través de value y onChange. useEffect para consulta de red y algunas otros oportunidades. useState. React Context.
Firebase: Implementé registro de usuarios, envío de datos a la base de datos en tiempo real, inicio y cierre de sesión, así como funcionalidad para eliminar datos.
Netlify: Logré una implementación continua y sin problemas a través de GitHub, asegurando actualizaciones fluidas y constantes.
Extras: Integré react-markdown y react-feather para mejorar la funcionalidad y el aspecto visual de la aplicación.
Git: Gestioné eficazmente el control de versiones utilizando commits, branches, merge, restore y push para mantener un historial de cambios coherente.