WaterCrop

The purpose of WaterCrop is to provide automated assistance and statistics for people who are interested in cultivating any sort of plant, such as flowers, fruits, and vegetables. WaterCrop goes beyond a mere demonstration because it is a practical and useful tool that can help people to grow healthier and more beautiful plants. It is also a unique product because it combines plant statistics and remote monitoring into a single package.

WaterCrop is a device with an accompanying web application which allows users to create a profile and pair it to the device. Within the web app, the user can add various plants to their profile and view a detailed description, which includes a picture and the ideal environmental conditions. The user can select their plant to view real-time statistics of soil moisture, soil PH, water level, and temperature. Additionally, the user has access to the full plant history for each parameter, which is displayed as a chart. This repository contains the software for our product.

Completed Work

So far, we have developed a simple React application with Home, Plant Profiles, and Stats pages. The Stats page fetches JSON data from "http://localhost:8000/data" every 0.5 seconds, and it continuously updates the waterLevel and moistureLevel data from the server.

Architecture

/public

This directory contains the HTML template and metadata for the React application.

/server

This directory creates a simple Node.js server using Express.js that listens to localhost port 8000 and provides JSON data located in the "../socket/data.json" file when a GET request is made to the /data route.

/socket

This directory utilizes sockets to receive data from a UDP client (Raspberry Pi) and write it to a file in JSON format in order for real-time plant sensor values to be easily displayed on the Stats page.

/src

This directory contains the React application's source files, such as pages, tools, and CSS styles. The index.js file puts the React application into the HTML page, and the App.js file is the main component of the application.

pages - The pages directory has the JavaScript files for the Home, Plant Profiles, and Stats pages.

tools - The tools directory has the JavaScript file for the navigation bar.

Known Bugs

• On the Bluetooth setup page, the Firebase UID of the logged-in user is retrieved. However, upon page refresh, the UID value becomes undefined, potentially causing issues with data transmission to the correct account on the Raspberry Pi.
• If the home page is immediately refreshed after adding a new plant, the newly added plant may be duplicated.

Getting Started

In order to start this project, clone the repository by running these commands in a terminal:

git clone https://github.com/ASantana0924/Water-Crop.git
cd Water-Crop
npm install

Run these commands for Tailwind CSS features: cd Water-Crop npm install -D tailwindcss npx tailwindcss init

Run these commands to start socket communication with the Raspberry Pi:

cd socket python ReceiveData.py

Open another terminal and run these commands to start the server:

cd Water-Crop cd server npm init -y npm install express cors npm install nodemon --save-dev npm start

Open another terminal and run these commands to start the react app:

cd Water-Crop npm install react-router-dom npm install antd npm install firebase npm install react-semicircle-progressbar npm install chart.js npm install --save chart.js react-chartjs-2 npm install formik npm install react-bootstrap bootstrap npm start