Calendar / Scheduling UI (React + FullCalendar)

Overview

A React scheduling front end built around FullCalendar, providing interactive day/week/list calendar views with rich form controls for creating and editing appointments. The UI of a fleet/appointment-scheduling tool.

Why It Exists

The user-facing console for bodo-programator-api, operators needed a visual calendar to see, create, and manage scheduled slots across fleets.

What We Built

A React 16 app (CRA, src/public) using the FullCalendar suite (core, daygrid, timegrid, list, interaction, React adapter) for drag-and-interaction calendar views. Forms are built from React-Bootstrap, react-datepicker, react-time-picker, react-select, react-autosuggest, and react-bootstrap-typeahead, with invert-color for adaptive contrast and moment for time handling. Axios talks to the API; shipped with a Dockerfile and GitLab CI pipeline.

Technologies & Approach

React 16 + FullCalendar 4 + Bootstrap 4, a deep set of form/picker components, Axios for API calls, containerized with GitLab CI/CD.

Outcome / Impact

Provided the interactive calendar UI completing the scheduling tool alongside its AdonisJS API.

Capabilities Demonstrated

• Interactive FullCalendar-based scheduling UIs
• Rich React form and picker composition
• CI/CD-driven, containerized front-end delivery