📝 iPlant Web-App

iPlant - your digital plant care assistant

Description

iPlant is an interactive platform designed to help users care for their plants effectively. It allows users to track their plants. Plant needs for watering, light conditions and fertilising are easily accessible in the plant details page. The project platform is Next.js

Main Features

• Plant List: Browse a well-organised collection of plants.
• Plant Details: View detailed information about each plant.
• Mark Plants as Owned: Keep track of the plants you own.
• Create Plant: Add new plants, enriching the plants catalogue.
• Delete Plant: Remove outdated or unwanted plants.
• Update Plant: Update and modify existing plant details.
• Filter Plants: Filter plants based on various criteria, e.g. light need and water need.
• Search Plants: Search plants on the homepage based on characters.
• Plant Database Read, Create, Put/Patch, Delete: Access plant data browser independently.
• Upload Plant Images: Upload own plant image or a stock plant image.
• Toggle Theme: The plant theme can be switched between light and dark mode.

Screenshot of the homepage

Local Development

To work locally, please install the dependencies using npm i first.

• npm i uid (import { uid } from “uid”
• npm i use-local-storage-state@17
• npm i swr
• npm i fuse.js
• npm i mongoose
• npm install formidable
• npm i react-toastify
• npm install next-cloudinary
• npm i next-themes

Run npm run dev to start a development server and open the displayed URL in a browser.

Scripts

You can use the following commands:

• npm run dev to start a development server
• npm run build to build the project
• npm run start to start a production server
• npm run test to run the tests
• npm run lint to run the linter

Tech Stack

• Visual Studio Code, Excalidraw
• Git, GitHub
• HTML, CSS, JavaScript, React
• Next.js, Node.js, npm
• MongoDB, Cloudinary, Vercel
• UID, localStorage, SWR, Fuse.js, Mongoose, Formidable, React-Toastiify, next-themes

Links to Github

• https://github.com/DanielGressmann
• https://github.com/GitLanz
• https://github.com/MargeauxGebert
• https://github.com/LIsa-Hauschild
• https://github.com/Sofff-Block

©2025 Daniel Greßmann, Brigitte Lanz, Margaux Gebert, Sofia Block, Lisa Hauschild