PlantApp

PlantApp

React

TypeScript

HTML

CSS

I2C

nginx

1.9.2021

Web-based plant health monitoring app + hardware

Written by: Tobias

Project Cover Image.

PlantApp - The PlantApp is a web-based plant moisture monitoring app designed to help users keep their plants healthy by providing real-time data on soil moisture, temperature and light levels. It features a user-friendly interface with visual indicators and alerts to notify users when their plants need attention. This project was build for the Sketching with Hardware SWH class durning my degree. This live preview is fed with dummy data.

Live Preview

In new tab

Dashboard

The dashboard provides an overview the currently connected plants, displaying their current moisture level and alert statuses. Users can easily identify when the plant needs attention at a glance.

Dashboard Overview

Plant Health Status

Prototype Testing

Hardware Integration

The app integrates with moisture, temperature and light sensors placed in the soil and next to the plant:

  • 1x RaspberryPi Zero W as PlantProbe
  • 1x RaspberryPi 3B+ as PlantDB and PlantApp Server
  • working sensor data (lighting needs a real and precise sensor)
  • working redundant logging on probe and database
  • working webapp hosted locally
Hardware Integration

Prototype and Testing

The prototype was tested with actual plants and I2C sensors to ensure accurate readings and reliable performance.

Prototype Testing

Presentation