Propósito del proyecto
Permitir a los usuarios organizar y administrar sus tareas diarias, eventos y recordatorios en un solo lugar, lo que les ayuda a mejorar su productividad y eficiencia.Proporcionar una forma sencilla de establecer recordatorios con opciones personalizables para fechas, horas y frecuencia de repetición, permitiendo a los usuarios adaptar los recordatorios a sus necesidades específicas.
Ofrecer una interfaz de usuario amigable e intuitiva que facilite la creación, edición y eliminación de recordatorios sin complicaciones.Ofrecer opciones de personalización para los usuarios, como elegir temas, colores o tipos de recordatorios, para que se sientan cómodos usando la aplicación de acuerdo con sus preferencias.
Asegurar que la aplicación esté diseñada y optimizada específicamente para dispositivos móviles, brindando una experiencia de usuario fluida y receptiva.Al utilizar Firebase Realtime Database, la aplicación garantiza que los recordatorios estén sincronizados en todos los dispositivos del usuario, lo que permite acceder a ellos desde cualquier lugar.
Mediante Firebase Auth, se brinda a los usuarios la posibilidad de acceder a la aplicación de manera segura y protegida, garantizando la privacidad de sus datos.Permitir a los usuarios marcar tareas completadas y realizar un seguimiento de su progreso con la finalidad de mejorar su gestión del tiempo y el cumplimiento de objetivos.
Mi papel en el proyecto
En el proyecto trabajamos dos colaboradores.
Fui responsable de la implementación de la interfaz de usuario utilizando React y React Router. Trabajé con mi compañero para traducir los diseños en componentes funcionales y asegurar una experiencia de usuario fluida y atractiva.Configuré la integración con Firebase, implementando Firebase Auth para la autenticación de usuarios y Firebase Realtime Database para almacenar y gestionar los recordatorios de forma segura y en tiempo real.
Implementé hooks populares de React, como useState, useEffect y useContext, para gestionar el estado de la aplicación y mantener la coherencia de los datos en diferentes componentes.
Trabajé en la creación de características específicas de la aplicación, como la creación, edición y eliminación de recordatorios, así como la visualización detallada de un recordatorio específico.Documenté el código, funciones y componentes importantes para facilitar la comprensión y futuras actualizaciones del proyecto.
Web stack y su explicación
React: Una biblioteca de JavaScript utilizada para construir interfaces de usuario interactivas y reutilizables. React permite crear componentes que se actualizan dinámicamente en respuesta a cambios de datos, lo que facilita el desarrollo de una interfaz de usuario moderna y eficiente.
React Router: Una biblioteca que facilita la implementación de enrutamiento en una aplicación de React. Con React Router, podemos establecer diferentes rutas para diferentes páginas y navegar entre ellas sin tener que recargar la página completa.
Vite: Un entorno de desarrollo rápido que se centra en la velocidad y la eficiencia. Vite permite una configuración sencilla y un tiempo de compilación rápido, lo que mejora la productividad del desarrollo web.
useState, useEffect, useContext: Hooks de React que facilitan la gestión del estado de la aplicación, el manejo de efectos secundarios y el manejo de datos compartidos entre componentes.
useParams: Un hook de React Router que permite acceder a los parámetros de la URL en un componente. Es útil para extraer información dinámica de la ruta actual. useNavigate: Un hook de React Router que proporciona una función de navegación para cambiar la URL programáticamente en lugar de utilizar enlaces tradicionales.
react-feather: Una librería que proporciona una colección de iconos SVG. Esta librería se utiliza para mejorar la estética de la aplicación y facilitar la inclusión de iconos en diferentes partes de la interfaz de usuario.
Git y GitHub: Uso continuo de git con varias ramas main/desarrollo y con pull request via GitHub.
Netlify: Conexión y deploy vía GitHub.
