Search videos
Search across video titles, descriptions, and transcripts
In this video, we will build a workout tracker app with authentication using Vue.js 3 and its composition API along with Supabase
Code: https://github.com/johnkomarnicki/active_tracker
Live Demo: https://active-tracker-yt.herokuapp.com/login
John's YouTube:
https://www.youtube.com/c/JohnKomarnicki
John's Twitter:
Twitter: https://twitter.com/john_komarnicki
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
1:00:21
12:08
52:41
3:23:11