Fitness Tracker App

Inspiration for this app came from Vue 3 & Supabase | Workout Tracker App I have taken what I've learnt from this tutorial and many others YT videos along with some material from Vue School to come up with this Fitness Tracker App.

A live link to this app demo Activity Tracker

Things I want/have added to this project

• Profiles Page (ADDED)
• BMI Calculator (ADDED)
• Personalised workout section (ADDED on profile page)
  • add other peoples workouts to your own profile section (Future upgrade)
• Inspiration Homepage (Lost inspiration to do this 🤣)
• Log in with Github / Google / FB at least one (TODO)
• Re-design (mobile first) (ADDED decided to stick with Tailwind CSS...)
• Progress Bar ADDED (ADDED) Progress bar taken from:- Awesome Vue specifically this one Vue 3 Progress Bar
• Enforce strong password (ADDED)
• Lock workouts, only be able to delete/edit workout that belong to the created user (ADDED)

If you want a project like this for yourself, I strongly advise you to follow along with the linked youtube video from Traversy Media where John runs through this entire application from scratch.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.