YoVDO

Vue 3 & Supabase - Workout Tracker App

Offered By: Traversy Media via YouTube

Tags

Vue JS Courses Heroku Courses Web Application Development Courses Supabase Courses

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

Full Stack Foundations
Udacity
Web Application Development: Basic Concepts
University of New Mexico via Coursera
Desarrollo de Aplicaciones Web: Prueba y Despliegue
University of New Mexico via Coursera
Web Application Development: The Data Tier
University of New Mexico via Coursera
Desarrollo de Aplicaciones Web: Nivel de Datos
University of New Mexico via Coursera