Inoor Garden
A Personal Plant Journey Tracker
Indoor Garden rethinks plant care apps by leaning into the non-linear nature of plant parenthood. Unlinke traditional plant care apps that prescribe schedules for plant care, Indoor Garden tracks how users care for their plants and adapts to these schedules, providing gnetle guidence along the way.
Design Philosophy & UX Exploration
I designed Indoor Garden around a core insight: successful plant care is more about observation and adaptation than following rigid rules. The interface emphasizes visual documentation and note-taking, allowing users to build a living history of each plant's journey. I crafted the plant onboarding flow as an intuitive multi-step form that considers various environmental factors affecting plant health, making the initial setup both informative and engaging.
Technical Implementation
Built using TypeScript, React, and Tailwind CSS on the Next.js framework, Indoor Garden provides a mobile first PWA experience. Leveraging built-in react hooks I implemented a robust state management system to handle the complex multi-step plant registration process and photo gallery.
The architecture is designed to scale, with planned integrations for the Trefle API and OpenAI Vision to provide intelligent plant identification and health diagnostics.
Key Features
- Multi-plant tracking with individual plant profiles
- Photo documentation with timeline viewing
- Customizable note-taking system
- Environmental factor tracking
- Intuitive multi-step plant registration
Future Enhancements
The next development phase will introduce smart notifications, AI-powered plant identification, and health monitoring features, further enriching the plant care experience while maintaining the app's core philosophy of adaptive care.