https://github.com/hasnat-ahmed-goheer/mapty-app

Mapty-app is a web application that allows users to track their sprints and cycling routes using real-time geolocation. This project is built using HTML, CSS, and JavaScript, and it utilizes the Mapty library for mapping functionalities.
https://github.com/hasnat-ahmed-goheer/mapty-app

css html javascript mapty

Last synced: about 1 month ago
JSON representation

Mapty-app is a web application that allows users to track their sprints and cycling routes using real-time geolocation. This project is built using HTML, CSS, and JavaScript, and it utilizes the Mapty library for mapping functionalities.

• Host: GitHub
• URL: https://github.com/hasnat-ahmed-goheer/mapty-app
• Owner: Hasnat-Ahmed-Goheer
• Created: 2023-12-11T23:59:28.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-12T19:41:43.000Z (about 1 year ago)
• Last Synced: 2023-12-13T01:31:23.630Z (about 1 year ago)
• Topics: css, html, javascript, mapty
• Language: JavaScript
• Homepage:
• Size: 1.88 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Mapty-app

![GitHub repo size](https://img.shields.io/github/repo-size/Hasnat-Ahmed-Goheer/Mapty-app)

![GitHub last commit](https://img.shields.io/github/last-commit/Hasnat-Ahmed-Goheer/Mapty-app?color=blue)

![GitHub stars](https://img.shields.io/github/stars/Hasnat-Ahmed-Goheer/Mapty-app)

![GitHub forks](https://img.shields.io/github/forks/Hasnat-Ahmed-Goheer/Mapty-app)

![GitHub issues](https://img.shields.io/github/issues/Hasnat-Ahmed-Goheer/Mapty-app)

![GitHub pull requests](https://img.shields.io/github/issues-pr/Hasnat-Ahmed-Goheer/Mapty-app)

![Last Updated](https://img.shields.io/github/last-commit/Hasnat-Ahmed-Goheer/Mapty-app?label=Last%20Updated&color=yellow)

![Status](https://img.shields.io/badge/Status-Completed-brightgreen)

Mapty-app is a web application that allows users to track their sprints and cycling routes using real-time geolocation. This project is built using HTML, CSS, and JavaScript, and it utilizes the Mapty library for mapping functionalities.

![image](https://github.com/Hasnat-Ahmed-Goheer/Mapty-app/assets/126459187/c7f7504a-3fb9-4989-890f-41ca2dada1ae)

## Key Features

- **Mapty Library:** Mapty utilizes a specialized library to provide seamless mapping functionality, making it easy to track and visualize your fitness activities on a map.

- **Real-time Location Tracking:** The Geolocation API is harnessed to offer precise and real-time location tracking, ensuring you have accurate data for your workouts.

- **Instructor-provided Assets:** We extend our heartfelt thanks to our dedicated instructors for generously supplying essential project assets, including images and icons. Their support has been invaluable in creating a visually appealing and functional application.

These features combine to create a robust fitness tracking experience with Mapty.

## Usage

To use Mapty-app, follow these steps:

1. Clone the repository to your local machine:

```

git clone https://github.com/Hasnat-Ahmed-Goheer/Mapty-app.git

```

2. Open the index.html file in your web browser.

3. Allow the app to access your geolocation when prompted.

4. Start tracking your workouts by clicking on the map to add starting points.

## Contact

If you want to reach out to me, you can contact me at [[email protected]](mailto:[email protected]).