https://github.com/sayedshehata1/mapty

Workouts logging page for Cycling and Running using map from "Leaflet library"
https://github.com/sayedshehata1/mapty

css html javascript leaflet

Last synced: 4 months ago
JSON representation

Workouts logging page for Cycling and Running using map from "Leaflet library"

• Host: GitHub
• URL: https://github.com/sayedshehata1/mapty
• Owner: SayedShehata1
• Created: 2023-05-23T17:52:47.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-12T14:15:35.000Z (almost 3 years ago)
• Last Synced: 2025-03-27T08:50:28.728Z (over 1 year ago)
• Topics: css, html, javascript, leaflet
• Language: JavaScript
• Homepage: https://mapty-app-sayedshehata.netlify.app/
• Size: 2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Mapty



![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

![Netlify](https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=netlify&logoColor=white)






  

    

  


  
Mapty


  


    View Demo

    ·

    Report Bug

  



  Table of Contents

  


    


      About The Project

      


        
Built With

        
Flowchart

        
Architecture

      

    

    


      Getting Started

      


        
Installation

      

    

    
Contributing

    
Acknowledgments

  


## About The Project

![mapty preview](./Img//Preview.PNG)

workouts logging page for Cycling and Running using map from [Leaflet library](https://leafletjs.com/SlavaUkraini/index.html)

- Features :

  - Display location on map

  - submiting workouts on any location on the map

  - select workout type : (running / cycling)

  - select workout to view it on the map

  - User's workouts are saved using `local-storage` API

  - Reset button to delete all user's data

(back to top)


### Built With

- [HTML](https://html.com/)

- [CSS](https://www.w3schools.com/css/)

- [JavaScript](https://www.javascript.com/)

- [Leaflet library](https://leafletjs.com/SlavaUkraini/index.html)

### Flowchart



### Architecture



(back to top)


## Getting Started

This project doesn't require any prequesites or dependenscies and you can view it online using this [demo](https://mapty-app-sayedshehata.netlify.app/).

> To get a local copy up and running follow these simple steps :

### Installation

1. Clone the repo

   ```sh

   git clone https://github.com/SayedShehata1/Mapty.git

   ```

2. open `index.html` file

(back to top)


## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

Don't forget to give the project a star! Thanks again!

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

(back to top)


## Acknowledgments

- [Jonas schmedtmann](https://github.com/jonasschmedtmann)