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
React JS, Angular & Vue JS - Quickstart & ComparisonUdemy Create Amazing Vue Apps with Javascript
Udemy Learn Vue 1 JS introduction to simple reactive JavaScript
Udemy VueJS V1 Introduction to VueJS JavaScript Framework
Udemy Build Web Apps with Vue JS 3 & Firebase
Udemy