¡Proyecto HaRu - Seguidor de hábitos y rutinas!
HaRu es una aplicación desarrollada en equipo para una simulación laboral de #NoCountry.
caracteristicas
'Haru' es una aplicación web diseñada para ayudar a los usuarios a construir y mantener hábitos positivos. El objetivo del proyecto fue desarrollar un Producto Mínimo Viable (MVP) en un sprint de 5 semanas, un objetivo que cumplimos exitosamente.
Como el único desarrollador Frontend del equipo, mi responsabilidad fue transformar los diseños de alta fidelidad del equipo de UX/UI en una interfaz funcional, interactiva y responsive, trabajando de forma autónoma para cumplir con los plazos establecidos.
El MVP entregado incluyó las siguientes funcionalidades clave:
- Creación de hábitos: Implementación de flujos para crear hábitos desde cero o utilizando plantillas predefinidas.
- Personalización de metas: Lógica para definir la frecuencia, las unidades de medida (ej: litros, páginas, horas) y los plazos de cada hábito.
- Seguimiento y gestión: Funcionalidades para registrar el progreso, archivar, desarchivar y eliminar hábitos.
- Organización: Desarrollo de un buscador y múltiples métodos de ordenamiento para facilitar la gestión de las listas de hábitos.
habilidades
Este proyecto fue una valiosa experiencia para fortalecer tanto habilidades técnicas como interpersonales, destacando:
- Colaboración interfuncional: Trabajé en estrecha colaboración con el equipo de UX/UI para asegurar una implementación fiel a los diseños y con la Tester/QA para la detección y corrección de bugs.
- Adaptabilidad y resiliencia: Durante el proyecto, nos enfrentamos a la salida del desarrollador Backend. Como equipo, gestionamos el desafío de forma proactiva, adaptando el frontend para trabajar con datos simulados (mocking) y permitiendo así que el desarrollo y las pruebas continuaran sin interrupciones.
- Autonomía y gestión del tiempo: Al ser el único responsable del frontend, desarrollé una alta capacidad para organizar tareas, priorizar funcionalidades y cumplir con un calendario de entregas ajustado.
tecnologias
El stack tecnológico del frontend se seleccionó para garantizar un desarrollo moderno, escalable y eficiente:
- React: Utilizado para construir una interfaz de usuario declarativa y basada en componentes reutilizables.
- Context API: Para la gestión del estado global de la aplicación, controlando la información de los hábitos y las interacciones del usuario.
- Material UI (MUI): Implementado para acelerar el desarrollo y mantener la consistencia visual, utilizando su extensa librería de componentes personalizables.
- Axios: Integrado para gestionar las peticiones a la API, creando una capa de servicio preparada para la conexión con un backend real.
- Git y GitHub: Para el control de versiones y la colaboración, siguiendo un flujo de trabajo basado en ramas y Pull Requests.
equipo
- Sara Alcántara - Project Manager
- Santiago García - Diseñador UX/UI
- Anadela Hernández - Diseñadora UX/UI
- César Ruscica - Desarrollador Frontend
- Jeniree Suárez - QA / Tester
- Marcelo Saiz - Team Leader