Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/antoniosertic23/course-project-mapty
This repository contains the Mapty project developed as part of The Complete JavaScript Course 2024: From Zero to Expert! course on Udemy. Mapty is a web application for tracking fitness activities, allowing users to record various types of workouts on an interactive map.
https://github.com/antoniosertic23/course-project-mapty
course-project css3 es6 html5 javascript leaflet mapty
Last synced: about 2 months ago
JSON representation
This repository contains the Mapty project developed as part of The Complete JavaScript Course 2024: From Zero to Expert! course on Udemy. Mapty is a web application for tracking fitness activities, allowing users to record various types of workouts on an interactive map.
- Host: GitHub
- URL: https://github.com/antoniosertic23/course-project-mapty
- Owner: AntonioSertic23
- Created: 2024-02-28T17:39:18.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-04-29T18:13:24.000Z (8 months ago)
- Last Synced: 2024-04-29T19:30:55.331Z (8 months ago)
- Topics: course-project, css3, es6, html5, javascript, leaflet, mapty
- Language: JavaScript
- Homepage:
- Size: 3.55 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mapty Project - Udemy JavaScript Course
## Description
This repository contains the Mapty project developed as part of [The Complete JavaScript Course 2024: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/) course on Udemy. Mapty is a web application for tracking fitness activities, allowing users to record various types of workouts on an interactive map.
## Features
- Activity Tracking: Users can add new activities to the map, such as running or cycling.
- Interactive Map: Activities are displayed on an interactive map using the Google Maps API.
- Detailed View: Each activity includes information such as activity type, distance, duration, and speed.
- Data Storage: Entered activity data is stored locally using the web browser.
## Technologies Used
- HTML5 and CSS3 for the user interface.
- JavaScript for the application's logic.
- Leaflet for displaying the map.
- The project follows modern JavaScript practices and principles, including ES6 features.
[](https://skillicons.dev)
## Getting Started
To run the Mapty project, clone this repository to your local machine and open the `index.html` file in your web browser.
## Project Structure
The project has a simple structure:
- `index.html`: The main HTML file for the project.
- `css/style.css`: The CSS file for styling the user interface.
- `js/script.js`: The main JavaScript file containing the application logic.
- `img`: A directory containing images used in the project.
## Credits
The Mapty project was created as part of [The Complete JavaScript Course 2024: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/) on Udemy, instructed by [Jonas Schmedtmann](https://www.udemy.com/user/jonasschmedtmann/). The design, code, and concepts are based on the course content.