May 28, 2023

Overview

This project involved building a web-based system for managing bus trips and passenger bookings. The focus was on delivering a fast and intuitive interface for admins to create, monitor, and analyze travel operations.

My Role

I was responsible for the entire front-end development using Vue.js and Tailwind CSS. The interface was tailored for simplicity and efficiency, helping staff easily manage buses, trip schedules, and bookings with minimal overhead.

Features

• Admin login and secure access to the system.
• Trip creation by date, with details including bus capacity, departure and return times, and ticket pricing.
• Visual breakdown of trip information: total seats, revenue, and booking list.
• Passenger management: phone numbers, seat counts, and communication tools.
• Cancellation options for one-way or round-trip journeys.

Technologies

• Vue.js: Application framework for building reactive UI.
• Tailwind CSS: Utility-first CSS framework for fast, responsive styling.
• JavaScript (ES6+): Logic and interaction handling.
• REST API: Communication with a custom-built back-end service.

Outcome

Launched in May 2023, the system is used by administrators to manage transportation schedules and bookings efficiently. The clear UI and smooth workflow significantly improved coordination and reduced the likelihood of booking errors.