legendvi/mapty

A Location Based Activity Logger with OOPS and Javascript

Mapty

To Visit App: https://legendvi.github.io/mapty/

Table of contents

• Title
• Table of contents
• Purpose
• Description
• Project assmed requirements
• Installation and Setup Instructions
• Reflection

Purpose:

The Primary purpose was to develop a application with Vanila javascript and Leveraging Object-Oriented Programming

Architecture and Flow of the App

Classes utilized and integrated:

https://github.com/legendvi/mapty/blob/master/Mapty-architecture-final.png

Flow conceptualized

https://github.com/legendvi/mapty/blob/master/Mapty-flowchart.png

Description:

• This App is renders a Map and a SideBar which shows logged entries, click anywhere in the map and Add the activity or excercise done in that place and the App syncs the logged excercise with the selected location
• It is a fairly simple Application to log diffrent excercise in different location
• The Azaming thing about this App is it takes your current location and shows you the map in screen makes it easier to use in real time
• It is build only with ,CSS,
• It makes use of Browser Local Storage to cache the data, This helps to perserve data entred if user visits the app again
• All fonts, styles and library LeafLet are accessed using CDN urls in script tags, therefore it has no packages needs to be installed or maintained for this application
• is used for version control and deployment of this app

Project Recording:

mapty.__.Map.your.workouts.-.Google.Chrome.2023-10-23.14-16-16.mp4

Installation and Setup Instructions:

Clone down this repository.

To Start Server:

open : index.html in browser to view the app

Reflection:

This app was build as part of a udemy course that I took to learn how to work with javascript in general. I really like the idea how a decent looking and functional app can be build withour any pacakges installed. This is definetly not very scalable and not a production ready App only experimental.