Sem-Bus
Comprehensive bus transportation management system with route planning, departure scheduling, ticket management, user roles and web settings. Built with React, Redux Toolkit, Firebase and TypeScript.
Sem-Bus
Complete Bus Transportation Management Solution
Overview
Sem-Bus is a comprehensive transportation management system designed for bus companies to efficiently manage routes, departures, tickets, and user roles. The platform provides tools for every aspect of bus transportation operations, from route planning to ticket sales and passenger management.
Challenge
Bus transportation companies often struggle with managing complex route networks, scheduling departures, tracking ticket sales, and coordinating between different user roles (drivers, dispatchers, administrators). Traditional systems are often fragmented, leading to inefficiencies and errors in operations.
Solution
As the Core/Lead Frontend Engineer, I designed and implemented the client-side architecture using React, Redux Toolkit, and TypeScript. I focused on building scalable, modular UI components and ensuring seamless integration with the backend APIs to deliver a high-performance user experience.
Key Features
Route Management
Comprehensive tools for creating, editing, and managing bus routes with multiple stops and departure times.
Departure Scheduling
Advanced scheduling system for managing bus departures with seat availability tracking and passenger management.
Ticket Management
Complete ticket sales and management system with search, filtering, and export capabilities.
User Role Management
Role-based access control for drivers, dispatchers, and administrators with status management.
Web Settings
Customizable web interface settings including titles, bus information, crew details, and contacts.
Real-time Search
Powerful search functionality for finding routes, departures, and tickets quickly.
Business Impact
Technologies
Technical Architecture
The platform follows a modern component-based architecture with React and Redux for state management. Firebase serves as the backend infrastructure providing real-time database capabilities, authentication, and serverless functions. The application is structured with clear separation of concerns between UI components, business logic, and data management.
Key Technical Challenges
- •Built dispatcher-focused data grids with TanStack Table, implementing dynamic filtering, sorting, and pagination for large logistics datasets.
- •Engineered complex multi-step booking and routing forms with React Hook Form + Zod for strict, type-safe validation.
- •Implemented Firebase Firestore workflows with Redux Toolkit async thunks, combining targeted onSnapshot listeners for auth/user state with server-fresh reads (getDocsFromServer) for booking-critical operations.
Project Gallery
Interested in the technical details?
Let's discuss the frontend architecture, complex state management, and rendering optimization techniques behind this project. I'm open to exploring new engineering opportunities.
Let's Talk Code