ApaniBus

This web application allows users to search for bus routes between two stops and visualize the routes on an interactive map. It utilizes HTML, CSS, and JavaScript along with the Leaflet library for mapping functionalities.

Features

• Interactive Map: The application displays an interactive map powered by Leaflet, allowing users to navigate and explore bus routes visually.

• Search Functionality: Users can search for bus routes between two stops by entering the start and end stops in the provided input fields and clicking the "Search" button.

• Route Visualization: Upon searching, the application plots the matching bus routes on the map, along with markers for each stop along the routes.

Usage

1. Input Stops: Enter the start and end stops in the respective input fields provided on the webpage.

2. Search: Click the "Search" button to search for bus routes between the provided stops.

3. View Routes: The application will display the matching bus routes on the map, along with markers for each stop along the routes.

File Structure

• index.html: HTML file containing the structure of the web page, including inputs for stops and the map section.

• styles.css: CSS file containing styles for the web page layout and elements.

• script.js: JavaScript file containing the logic for fetching bus data, searching for routes, and displaying them on the map.

• data.json: JSON file containing bus route data in the specified format.

Setup

1. Clone the repository to your local machine:

   git clone <repository_url>

2. Open the index.html file in a web browser to launch the application.

Dependencies

• Leaflet: A JavaScript library for interactive maps.

Credits

• Leaflet: https://leafletjs.com/

License

This project is licensed under the MIT License. See the LICENSE file for details.

---