Smart irrigation is essential to saving water, reducing staff workload, and cutting costs. This project provides the user interface for Green Ecolution — a digital system to manage urban greenery efficiently.

👉 For the backend implementation, visit the Green Ecolution Backend.

The frontend connects to the backend and enables users to interact with:

• 🌳 Trees
• 🌿 Tree clusters
• 📡 Sensors
• 🗺️ Watering plans
• 🚛 Vehicles
• 👤 Users

Developed in collaboration with TBZ Flensburg, this software is designed to be adaptable for other cities. It originated as a research project within the Applied Computer Science Master's program at the University of Applied Sciences Flensburg.

For further information, visit:

• 🌐 Project website
• 🎓 University of Applied Sciences Flensburg
• 🖥️ Live demo

• React
• Vite for fast development and HMR
• TypeScript
• ESLint for code linting
• PnPM for dependency management
• fnm for Node.js version management

• Node.js
• PnPM
• fnm

1. Install the required Node.js version:

fnm use

2. Install pnpm globally: https://pnpm.io/installation

3. Install dependencies:

pnpm install

Build the local backend-client and start the frontend:

pnpm generate:local
pnpm rebuild
pnpm dev

By default, the app connects to the local running backend localhost:3000. If you want to use the deployed stage backend instance instead, adjust the VITE_BACKEND_BASEURL environment variable:

pnpm dev:remote

We welcome contributions! Please follow these guidelines:

1. Fork this repository.
2. Create a topic branch off develop.
3. Commit your changes.
4. Push your branch to your fork.
5. Open a Pull Request.

This project follows:

• Git-Flow Workflow for branching and releases.
• Conventional Commits for commit messages.

Thank you for helping us improve Green Ecolution! 🌿