/To-do-app

Primary LanguageVue

This is my project ☕️

1rst Day Friday

What I've done???

  • Understanding the code
  • Understanding Supabase
  • Sign Up
  • Sign In
  • Sign Out
  • Sign Out in NavBar in Home

What i expect to do next day?

  • Home form
  • Form to Supabase
  • task cards style
  • Sign In Style (start)
  • Home Sign Up Style (start)
  • Sign Up Style (start)
  • Sign Out in NavBar in Home

2nd Day Monday

What I've done???

  • ✅ Home form
  • 🔜 Form to Supabase
  • 🔜 task cards style
  • ✅ Sign In Style (start)
  • ✅ Home Sign Up Style (start)
  • ✅ Sign Up Style (start)
  • ✅ Sign Out in NavBar in Home

What i expect to do next day?

  • ✅ Form to Supabase
  • ✅ task cards style
  • ✅ show task cards

3rd Day Tuesday

What I've done???

  • ✅ Form to Supabase
  • ✅ task cards style
  • ✅ show task cards

What i expect to do next day?

  • Fix bugs
  • reorganize the logic
  • finnish style

4th Day Wednesday

What I've done???

  • ✅ Fix bugs
  • ✅ reorganize the logic
  • ✅ edit task
  • ✅ finish task
  • ✅ delete task

What i expect to do next day?

  • DA EYE
  • finnish style

final-boiler-plate

This template should help get you started developing the final project running on Vue 3 with the composition API, Pinia as a state management tool, vue router, vite and lastly Supabase running on the backend.

This is meant as an advanced starter ready to plug in your supabase variables and run directly on a local server already connected to your Supabase instance.

You are given some functions to see how the supabase ecosystem works with Vue and more specifically, pinia as a state management tool.

You can add any CSS framework of your liking like tailwindCSS, Bootstrap, MaterialUI or many of the cool libaries that exist in the web.

Important

This app is not setUp to be deployed to a production environment like vercel or netlify.

Friday on August 19 we will look at how can we deploy this app to Vercels ecosystem.

Project Setup

npm install

Set Up your Environment Variables from Supabase located at the root folder of the project

VITE_SUPABASE_URL
VITE_SUPABASE_ANON_KEY

Once you have added your environment variables, head to your .gitIgnore file located at the root folder and uncomment the .env file naming to avoid sharing any private access keys to your database

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Good Music is always key!

Wu Tang Clan
A tribe called quest
Kendrick Lamar
Outkast
Dr. Dre
N.W.A
De La Soul
Ms. Lauryn Hill
J. Cole
Guts
Naughty By Nature
People under the stairs
Nujabes
NAS
KRS-One
The Pharcyde
Jurassic 5
Gang starr
Jay Z
Mobb Depp
Common
Lil Supa

Hip Hop Spotify Playlist