Let it Grow Smart Plant Monitoring System
An end-to-end IoT ecosystem that enables users to monitor plant health in real-time through a connected mobile application.
My Role
UI/UX Designer
Mobile Developer
IoT Developer
Backend Developer
User Flow & System Design
Problem & Solution
Many plant owners struggle to consistently monitor plant health due to lack of real-time information and actionable insights. Traditional methods rely on manual checking, which is inefficient and often leads to overwatering or neglect. Additionally, most existing solutions are either too technical or not integrated into a user-friendly ecosystem.
To address this, I developed Let It Grow, an integrated IoT-based system that connects hardware sensors, a backend server, and a mobile application into a seamless ecosystem. The system enables real-time monitoring of soil moisture, provides interactive feedback through the mobile app, and ensures secure and reliable data transmission using MQTT over WebSockets. By combining automation, visualization, and gamification, the solution encourages users to take better care of their plants.
System OverView Overview
The system is designed as a real-time data pipeline that connects IoT devices to a mobile application. Data collected from sensors is transmitted via MQTT, processed through a bridge service, and stored in a cloud database before being visualized in the mobile app.
User Flow Overview
This flow illustrates the overall user journey within the Let It Grow system, from authentication and device setup to real-time plant monitoring. The experience begins with a secure login process, where unique MQTT credentials are automatically generated for each user. These credentials are then used to connect the IoT device through a guided setup process, enabling secure and isolated communication. Once the device is connected, the system continuously transmits sensor data in real-time, allowing users to monitor plant conditions such as soil moisture and temperature directly from the application. The flow is designed to simplify complex IoT interactions into a seamless and user-friendly experience, ensuring that users can easily set up their device and understand their plant’s condition without technical difficulty.
Key Features
• 🌱 Real-time Monitoring — Live soil moisture data via MQTT
• 🔐 Secure Authentication — Google login with Supabase
• 📊 Data Visualization — Interactive charts using fl_chart
• 🌤️ Weather Integration — Contextual environmental data
• 🎮 Gamification — Encourages user engagement
• 🌿 Interactive Animation — Plant reacts to user interaction
Technical Approach
The application is built using Flutter with MVVM architecture, ensuring clean separation between UI and business logic.
Real-time communication is handled using MQTT over WebSockets, allowing efficient and low-latency data transfer between the device and the application.
A custom Python bridge service is used to synchronize MQTT data with the Supabase database, enabling persistent storage and real-time updates.
UI/UX Approach
The user experience is designed to make plant monitoring feel engaging rather than technical.
Instead of presenting raw sensor data, the app uses visual elements such as charts and animations to make the information more intuitive and enjoyable.
Gamification elements like XP are introduced to motivate users to consistently monitor and care for their plants.
Final UI Showcase
The UI focuses on clarity and engagement, combining data visualization with interactive elements to create a user-friendly experience.
Challenges
One of the main challenges in this project was ensuring reliable real-time communication between IoT devices and the mobile application.
Handling MQTT over secure WebSocket connections and maintaining data synchronization between the device, server, and database required careful system design.
Another challenge was integrating multiple technologies into a cohesive and maintainable architecture.
Result
The result is a fully functional IoT ecosystem that demonstrates real-time monitoring, secure data handling, and a user-friendly mobile experience.
The project showcases the ability to build and integrate hardware, backend systems, and modern mobile applications into a single cohesive product.
What i Learned
• Building end-to-end IoT systems (device → server → app)
• Implementing real-time communication with MQTT
• Designing scalable and secure system architecture
• Integrating multiple technologies into one ecosystem
Interested in this project ?
