Skip to main content
st-booking-manager.preview
ST Booking Manager - Screenshot 1 - Web App project

ST Booking Manager

Web App

Project Summary

An internal employee-only workspace reservation system for booking desks and meeting rooms across multiple office locations.

The application provides a visual floor plan where employees can browse available spots and reserve workstations or meeting rooms with minimal clicks.

Designed with a basic, minimal UI to match other internal tools, it displays real-time availability and prevents double-booking.

The system is optimized for wall-mounted devices in meeting rooms and offices, providing quick access for on-the-spot bookings. It also works seamlessly on employee mobile devices and computers.

Supports multiple office locations, date navigation, and provides users with a clear overview of their reservations, streamlining workspace coordination across the organization.

Case Study

Overview

Built a lightweight workspace booking system with a visual floor plan, real-time availability, and fast reservations across multiple office locations.

Problem

Shared desks and meeting rooms were being double-booked, and employees lacked a clear view of availability across dates and locations. Existing tools were too heavy for quick, on-the-spot bookings.

Solution

A web app with day-based navigation, a real-time floor plan, quick booking actions, and a personal reservations view, plus authentication for employees only.

Goals

  • 1Complete a reservation in under 45 seconds from the floor plan.
  • 2Prevent double-booking with real-time availability.
  • 3Support multi-location views and date-based navigation.
  • 4Work reliably on wall-mounted tablets and employee devices.
  • 5Show each user a clear list of their upcoming reservations.

Approach

  • Prioritized a minimal UI and fast interactions over feature-heavy scheduling workflows.
  • Used a visual floor plan grid to reduce cognitive load and speed up selection.
  • Optimized for kiosk-style screens, then validated usability on mobile and desktop.
  • Kept the data model focused on locations, rooms, desks, and time slots to avoid operational overhead.

Results & Impact

Outcomes

  • Reduced booking conflicts and improved availability visibility across teams.
  • Cut reservation time to ~30-45 seconds for most users.
  • Enabled ad-hoc bookings from meeting-room tablets without support tickets.

Key Metrics

Reservation time
30-45 sec
From day selection to confirmation.
Availability sync
<5 sec
Updates across devices.
Supported devices
Tablet + mobile + desktop
Kiosk-ready UI.

Timeline

1
Core booking flowJan 2025

Floor plan + reservation flow.

2
Multi-location supportLate Jan 2025

Location and date navigation.

3
Kiosk optimizationFeb 2025

Wall-mounted and touch UX.

Challenges

  • Keeping availability accurate across concurrent bookings.
  • Designing a floor plan UI that stays clear on smaller screens.
  • Maintaining a minimal UI while still supporting real workflows.

Project Info

Start:December 2024
End:
January 2025
Duration:1 month
Tech:11 used
Images:2 available

Want expert eyes on your architecture?

Strategy, design review, production readiness. Free initial consultation.

Get Expert Guidanceor book a free call

Technologies Used

ReactJS

Radix UI

Tailwind CSS

TypeScript

NodeJS

MongoDB

HTML

CSS

GCP

Git

Docker

Have a Project in Mind?

Let me bring your vision to life. From concept to launch, I deliver high-quality software with modern architecture and clean code.

End-to-End Development
Modern Tech Stack
Scalable Architecture