Contact
Go Back
Bus Tickets Website Preview

Bus Tickets Website

Used Technologies

HTML & CSS JavaScript jQuery PHP

Links

View Demo View Code

Development Time

Start:
Completed:

Main Features

  • Search and filter available bus routes by city/date
  • Book and cancel tickets with real-time updates
  • User account with ticket history
  • Responsive design for mobile and desktop
  • State persisted using local storage

Project Description

This project is a modern web platform that allows users to search, book, and manage bus tickets across multiple cities. It mimics a real-world booking flow with validations, error handling, and clean UI/UX design.

What I Learned

I deepened my understanding of global state management using Zustand over React Context. I also improved my skills in handling form state, conditional rendering, and optimizing component re-renders.

Development Challenges

Creating a reusable modal that works seamlessly on mobile and desktop, and implementing route guards for invalid booking paths were the most challenging aspects.

Performance & Deployment

The app is deployed on Vercel with optimized image loading and code splitting using Astro and Vite. Lighthouse scores averaged 95+ across categories.

SEO & Accessibility

Semantic HTML and proper use of ARIA attributes were applied. All images include alt text, and keyboard navigation is fully supported.

Role & Collaboration

This was a solo project where I handled design, development, and deployment. UI inspiration was taken from popular travel platforms like RedBus and FlixBus.