Optional DOM Checkpoint

• For part 1 of this checkpoint, you will be working from the solution code of Fitness Tracker Part 1: https://github.com/FullstackAcademy/Fitness-Tracker-Week1-Solution.git Familiarize yourself with this code before getting started. Don't forget to fork and clone the repo!
• Important note: This checkpoint is more open-ended, and not spec-based so it may be a different format than you are used to. But, don't let that scare you. Have fun and get creative! 🎉

---

Requirements: Useful documentation

1️⃣ Enable users to add new exercises.

Hint:

Think about using a form! Once a user clicks submit on the form the new exercise should be added to the routine. This may be useful: https://www.w3schools.com/html/html_forms.asp

2️⃣ Enable users to add new routines/workouts

Hint:

Same as above

3️⃣ Enable users to delete routines/workouts and exercises

Hint:

Add an "X" or "delete" button that will remove this element from the DOM. The W3schools link above should be helpful.

4️⃣ Enable users to enter a favorite workout in the Analytics panel. (Like running, yoga, strength training, etc.)

---

Extra Credit: Turn your forms into modals!

• You can use a javascript library that will do all the dirty work for you: https://github.com/ghosh/Micromodal
• OR you can use plain old vanilla JS for an extra challenge 😉
• Enable users to edit existing routines/workouts
  Hint:

  When a user clicks on the "edit" button, you want the exercise content to be editable