Vue 3 & Supabase - Workout Tracker App
Offered By: Traversy Media via YouTube
Course Description
Overview
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.
Taught by
Traversy Media
Related Courses
Supabase Crash CourseTraversy Media via YouTube Cache Supabase data at the Edge with Cloudflare Workers and KV Storage
egghead.io Build a SaaS product with Next.js, Supabase and Stripe
egghead.io Build a Real-Time Data Syncing Chat Application with Supabase and Next.js
egghead.io Supabase Crash Course for Python Developers
Python Engineer via YouTube