The Hydration App was developed as part of a team project to help gardeners monitor plant hydration using sensor data. The app tracks hydration levels over time and classifies plants as under-hydrated, hydrated, or over-hydrated, making plant care easier to understand at a glance. The goal was to create a clean, user-friendly dashboard that simplified technical data for everyday users.
I primarily worked on the application's front-end development and UI design using React, Vite, Material UI, and MUI X Charts. My contributions included building responsive layouts, designing the hydration timeline and gallery pages, improving dark mode support, and creating a more consistent visual style across the app. I also focused on making the interface feel approachable through soft colors, rounded components, and simple navigation.
One of the biggest challenges during development was integrating multiple sections of the project into a cohesive application while working as a team. We also faced difficulties translating hardware sensor data into meaningful visual feedback due to limited hardware experience. Solving these issues required collaboration, testing, and several design iterations.
Through this project, I gained hands-on experience with responsive web design, data visualization, component-based development, and collaborative problem solving. The final application successfully combined real-time hydration tracking with an accessible interface that helps users better understand and care for their plants.
