TrackMyBus🚌

TrackMyBus is a web application designed to help users track bus schedules and information by entering the vehicle number. It fetches bus details from a live API and displays the data in an interactive and responsive UI.

Features

• Fetch and display real-time bus data based on vehicle number.
• Responsive design for seamless use on various devices.
• Smooth and dynamic user interface.

Technologies Used 🧑‍💻

• Next.js - React framework for server-side rendering and static site generation.
  
• TypeScript - Superset of JavaScript for type safety and improved development experience.

Installation 🛠️

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/TrackMyBus.git

2. Navigate to the project directory:

   cd TrackMyBus
   

3. Install the dependencies:

   npm install

4. Run the development server

   npm run dev
   

Deployment ☁️

When deploying this application, ensure that the file paths are correctly referenced, especially if you're deploying to a subdirectory. You may need to update the base option in vite.config.js.

To build the project for production:

npm run build

You can then deploy the contents of the dist/ directory to your hosting service.

Usage

1. Enter the vehicle number in the input field and click Go.
2. The app fetches data from the API and displays it, including the bus number, trip details, and station schedules.

API Reference

The app fetches bus data using the following API:

https://busapi.amithv.xyz/api/v1/search?vehicle_number={busNumber}

https://trackmybus.abinthomas.dev/

Contributing

Contributions are welcome! Feel free to open a pull request or report issues.