https://github.com/abin-karukappallil/trackmybus
TrackMyBus is designed specifically for bus employees and owners to streamline communication and avoid miscommunication. It provides real-time access to vehicle schedules, trip details, and station timings, ensuring everyone involved is on the same page. The app enhances coordination and helps manage operations more efficiently within the fleet.
https://github.com/abin-karukappallil/trackmybus
api-fetch-javascript javascript nextjs typescript
Last synced: 3 months ago
JSON representation
TrackMyBus is designed specifically for bus employees and owners to streamline communication and avoid miscommunication. It provides real-time access to vehicle schedules, trip details, and station timings, ensuring everyone involved is on the same page. The app enhances coordination and helps manage operations more efficiently within the fleet.
- Host: GitHub
- URL: https://github.com/abin-karukappallil/trackmybus
- Owner: abin-karukappallil
- Created: 2024-08-16T17:27:26.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-12-23T20:45:04.000Z (6 months ago)
- Last Synced: 2024-12-23T21:30:10.628Z (6 months ago)
- Topics: api-fetch-javascript, javascript, nextjs, typescript
- Language: TypeScript
- Homepage: https://trackmybus.abinthomas.dev/
- Size: 2.9 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# 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:**
```bash
git clone https://github.com/your-username/TrackMyBus.git
2. **Navigate to the project directory:**
```code
cd TrackMyBus
3. **Install the dependencies:**
```bash
npm install
4. **Run the development server**
```bash
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:
```bash
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:
```bash
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.