A great app to map your workouts

Mapty Workouts

Table of Contents

• Mapty Workouts
  • Table of Contents
  • Overview
    • About the project
  • New features checklist
  • Screenshots
    • Desktop
    • Mobile
  • Link
  • My Process
    • Built With
    • What I Learned
  • Author

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

Mobile

Link

• You can test the base version made by the teacher at this link: Click here!
• And you can also test my adapted version: Click here!
• Link to the course: Click here!

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 👋