This web application provides a platform for users to find nearby amenities such as hospitals, police stations, ATMs, and petrol pumps. It utilizes Leaflet, an open-source JavaScript library for interactive maps, to display the map and markers for the amenities.
- Map Display: The web application displays an interactive map powered by Leaflet, showing the user's location with a marker.
- Nearby Amenities: The application fetches nearby amenities based on the user's location, including hospitals, police stations, ATMs, and petrol pumps.
- Filtering: Users can filter the displayed amenities by selecting the corresponding tabs, allowing them to focus on specific types of amenities.
- Information Display: Each amenity is represented as a card, displaying its name, distance from the user's location, address, and contact information.
- Responsive Design: The application is designed to be responsive and adapt to different screen sizes, providing an optimal user experience on both desktop and mobile devices.
- HTML: Used for structuring the web page.
- CSS: Used for styling the web page and creating responsive layouts.
- JavaScript: Used for implementing interactive functionalities, fetching data, and manipulating the DOM.
- Leaflet: An open-source JavaScript library for interactive maps, used to display the map and markers.
- Boxicons: A collection of high-quality icons, used for the tab bar icons.
- Font Awesome: A popular icon toolkit, used for additional icons.
- Swiper: A JavaScript library for creating sliders and carousels, used for the tabs and scrolling functionality.
To run the SOS web application locally, follow these steps:
- Clone the repository or download the source code.
- Open the
index.htmlfile in a web browser. - The application will be loaded, and you can interact with the map and the tabs to view nearby amenities.
Contributions to the SOS web application are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request on the repository.
The SOS web application is licensed under the MIT License. You are free to use, modify, and distribute the code for both personal and commercial purposes.