Vue 3 & Supabase - Workout Tracker App

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Build a comprehensive workout tracker application with authentication using Vue.js 3's composition API and Supabase in this detailed video tutorial. Learn to set up the project, implement Supabase authentication, create navigation, design register and login layouts, manage user state, and develop workout creation functionality. Explore how to send and retrieve data from Supabase, enable policies, and create various layouts including home and view workout pages. Master conditional rendering, route guarding, and finally deploy the application to Heroku. Access the source code and live demo for hands-on practice, and follow along with the step-by-step guide covering everything from project setup to deployment.

Syllabus

Introduction.
Project walkthrough .
Project setup.
Supabase setup/creation.
Navigation.
Supabase authentication introduction.
Register & Login layout’s.
Registering user.
Loggin in a user.
Storing user in state/store.
Conditional rendering (nav links).
Create workout layout.
Create workout functionality.
Sending workout data to supabase.
Enabling supabase policy’s.
Retrieving all data from supabase.
Home layout.
Retrieve specific data from supabase.
View workout layout.
View workout functionality .
Page / View titles.
Route guarding.
Deploy to Heroku.