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.
This app is not setUp to be deployed to a production environment like vercel or netlify.
npm install
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
npm run dev
npm run build
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
study studentportal and project working on Footer and Home vue working on css Home.vue
. Nav bar css/JS . CSS log-in page . start logical part of project
. css log-in page . css sign up page
.start js
function of log-in log-out make a Task (some difficulty)
. complete Task . Make a new Task . Delet Task
make function to create new Task function to delete Task Function to Complete Task
.Modify Task . Add cards to todolist
.function modify task,done .function cards and add them to list .css new task
- compelete delete function for cards -css task -css responsive
.Deploy project .css responsive sign-in and sign-out
. responsive homepage
.Rsponsive homepage and sign-up
-compelete responsive of home page
- start to work on presentation
.work on home page/ sign-up responsive/done