Worksite Management Studio Online

Overview

Worksite Management Studio Online is a full-stack application designed to help construction companies efficiently manage their projects, worksites, and workforce. The application provides real-time tracking, resource allocation, and reporting capabilities to optimize construction operations.

Features

• User Authentication & Authorization

  • Secure login/registration system
  • Role-based access control (Admin/Regular users)
  • Activity logging for user actions

• Project Management

  • Create, view, update, and delete construction projects
  • Track project status, timeline, and location
  • Filter and search projects by various criteria

• Worker Management

  • Maintain a database of all workers with personal and professional details
  • Track worker assignments across projects
  • Monitor worker qualifications and performance

• Worksite Monitoring

  • Interactive maps with geolocation features for worksites
  • Assign workers to specific worksites
  • Track worksite progress and status

• Dashboard & Analytics

  • Visual representation of key metrics
  • Worker distribution charts
  • Salary and age demographic analysis
  • Position distribution visualization

• Admin Features

  • User management capabilities
  • System-wide activity monitoring
  • Generate detailed reports

Tech Stack

Frontend

• React 19 with TypeScript
• React Router for navigation
• Zustand for state management
• Tailwind CSS for styling
• Recharts for data visualization
• Leaflet for maps integration
• Vite as build tool

Backend

• Go (Golang)
• Echo framework for API endpoints
• GORM for database operations
• PostgreSQL database
• JWT authentication

Architecture

The application follows a modern client-server architecture:

• Frontend: Single-page application (SPA) built with React and TypeScript
• Backend: RESTful API built with Go/Echo framework
• Database: PostgreSQL for data persistence
• Cache Layer: For optimized performance
• Security: JWT-based authentication and middleware protection

API Documentation

The backend provides a RESTful API with the following main endpoints:

• Health: /health
• Auth: /api/auth/login, /api/auth/register
• Workers: /api/workers
• Projects: /api/projects
• Admin: /api/admin/users, /api/admin/users/:id/activity

You can try it out here!

You can find the source code on my Github.