Mapty is an interactive web application that allows users to create personalized reminders associated with specific locations on a map. Using HTML, CSS, and JavaScript, along with the Leaflet.js library, Mapty offers a dynamic and user-friendly map experience.
- Interactive Map: Click anywhere on the map to create a new reminder.
- Custom Reminders: Input details about tasks or actions to be performed on specific days.
- Visual Markers: Markers are placed on the map to visually represent your reminders.
The repository contains the following files:
- index.html: The main HTML file that sets up the structure of the application.
- style.css: The stylesheet for styling the application.
- script.js: The JavaScript file that contains the logic for the map interaction and reminder functionality.
- logo.png: The logo image used in the application.
- icon.png: Icons used in the application.
- Map Interaction: Users can click on the map to add a reminder. The application uses the Leaflet.js library to handle map interactions.
- Reminder Creation: A pop-up interface allows users to enter details about the reminder.
- Visual Representation: Once a reminder is created, a marker is placed on the map at the location associated with the reminder.
- Modify Styles: Edit style.css to change the appearance of the application.
- Update JavaScript: Modify script.js to adjust the map interactions or reminder functionality.
- Change Assets: Replace logo.png and icon.png with your own images if needed.
Leaflet.js : A JavaScript library for interactive maps.
If you would like to contribute to Mapty, please fork the repository and submit a pull request. Ensure that you follow the project's coding style and guidelines.
This project is licensed under the MIT License - see the LICENSE file for details.