Back to Projects

Greenspace Management System

Overview

Urban green spaces are essential for public health and climate resilience, reducing heat, stress, and air pollution. The Urban Green Space Management System (UGSMS) streamlines plant health monitoring, AND maintenance scheduling. Built with React, Tailwind CSS, FastAPI, Python, and MySQL, UGSMS uses plant and weather data to optimize care and resource use, making urban environments healthier and more sustainable.

Framework

  • React
  • HTML
  • Tailwind CSS
  • FastAPI
  • Python
  • MySQL

User Interface

Search and Add Plant UI

Plant Search & Add: Search for plants and add them to your garden. The UI displays search results and allows quick addition to your personal garden.

Weekly Schedule UI

Weekly Watering Schedule: View a generated weekly watering schedule for each plant in your garden, ensuring optimal care and maintenance.

API Documentation UI

API Documentation: The system provides a RESTful API for plant search, watering details, garden management, and scheduling, documented with OpenAPI/Swagger UI.

Key Features

  • Search and add plants to your personal garden
  • View and manage your garden with a clean, interactive table
  • Automatically generated weekly watering schedules for each plant
  • RESTful API for plant search, garden management, and scheduling (OpenAPI/Swagger docs)
  • Modern, responsive UI built with React and Tailwind CSS
  • Robust backend using FastAPI, Python, and MySQL

Quick Start

  1. Clone the repository:
    git clone https://github.com/githusam/Greenspace-Management-System.git
  2. Start the Backend:
    cd backend env\Scripts\activate  # On Windows # source env/bin/activate  # On macOS/Linux uvicorn app.main:app --reload
    The backend will be available at http://localhost:8000.
  3. Start the Frontend:
    cd frontend_ui npm install npm start
    The frontend will be available at http://localhost:3000.
  4. Usage:
    • Open your browser and go to http://localhost:3000.
    • The frontend will communicate with the backend API for data.
    • Explore features such as plant management and greenspace tracking.

Conclusion

The UGSMS successfully delivers all core features: plant search, garden management, and automated watering schedules. While public reporting was not implemented due to time constraints, the system integrates a robust FastAPI backend and a responsive frontend. Development involved extensive testing, API integration, and deployment experience with Docker and Azure, providing valuable skills for future cloud-based projects.