Skip to content

green-ecolution/frontend

Repository files navigation

GitHub Release License Maintained yes

Green Ecolution Frontend 🌿

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:

Technologies Used ⚙️

Local development 💻

Requirements

Initial Setup ⚙️

Install the required Node.js version:

fnm use

Install Yarn globally:

npm install --global yarn

Install dependencies:

yarn

Running the Project ▶️

Build the local backend-client and start the frontend:

yarn generate:local
yarn rebuild
yarn 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:

VITE_BACKEND_BASEURL=/api-stage yarn dev

How to Contribute 🤝

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:

Thank you for helping us improve Green Ecolution! 🌿

Packages

 
 
 

Contributors 8

Languages