/Mapty-Workouts

This workout mapping project was developed during Jonas Schdmedtmann's Javascript course and covers the main concepts of Object Oriented Programming in Javascript

Primary LanguageJavaScript

Banner Mapty

A great app to map your workouts

Mapty Workouts

Table of Contents

Overview

About the project

This workout mapping project was developed during Jonas Schdmedtmann's Javascript course, and is being enhanced with some new suggested features. In addition, I adapted the project to be responsive and usable on all screen sizes.

New features checklist

  • Responsive
  • Cancel form
  • Re-build objects prototype from Local Storage
  • Edit workout
  • Delete workout

Screenshots

Desktop

Desktop Gif

Mobile

Mobile Gif

Link

My Process

Built With

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Vanilla Javascript
  • OOP

What I Learned

The main objective of project development in learning is to fix the content about Object-Oriented Programming (OOP).

So I learned how to create classes and generate inheritance in ES6 and also some principles like the encapsulation of attributes and functions.

Author

Made with 💜 by Evelyn Monteiro 👋

LinkedIn Badge LinkedIn Badge