Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Vue 3 & Supabase - Workout Tracker App

Traversy Media via YouTube

Overview

This course teaches learners how to build a workout tracker app with authentication using Vue.js 3 and its composition API along with Supabase. The course covers project setup, Supabase setup/creation, navigation, authentication, user registration and login, state management, conditional rendering, data storage and retrieval, view layouts, page titles, route guarding, and deployment to Heroku. The teaching method involves a hands-on approach with a project walkthrough and practical coding demonstrations. This course is intended for individuals interested in learning how to create web applications using Vue.js 3 and Supabase, particularly those interested in building a workout tracking application with authentication features.

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.

Taught by

Traversy Media

Reviews

Start your review of Vue 3 & Supabase - Workout Tracker App

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.