start at:

drizzle website

DoD

data from supabase table are showen on page

DX feature

antfu repo

New Feature

Nuxt-Rating

• rating is only on teacher card
• a student can input a rating for a teacher if he took a class with them
• enrolled id can be an array for the student to see all his teachers

Definition of Done

• the stars appear in the card
• stars change based on the variable value

New feature

when a user is logged in the get started button is replaced with an avatar

when the avatar is clicked a menu shows for profile and settings

Definition of Done

• clicking the avatar opens a menu with working profile page and settings page

motivation

the registration form is too long, removing the choose role radio buttons will make better UX (I hope)

steps

• create choose role page
• allow role page to be accessed without login
• redirect the register button on the login page to the role page
• add button group for Teacher and Student
• duplicate the register page twice one for each role
• add a prop to form component to set a role for each page
• make the two forms visually different
• hard code the role for each role on registration

Definition of done

• the register button takes to choose role page
• choose role radio button is removed from the registration form
• clicking on either student button role or teacher takes to different looking forms
• props set the user role for each form
• the teacher and student forms are visually different

New feature

• a layout that applies to logged in users shows a side menu
• the side menu contains:

1. home
2. dashboard
3. search teachers

Definition of done

• the side menu only shows when logged in
• the buttons on the side menu are working
• the menu hides when logged out

Notes

add nuxt/supabase

New feature

• reserve appointment button on teachers card takes to reservation page

Definition of done

• the reserve appointment button take to reservation page
• cancel button takes you back to search teacher page

New feature

• logged in users go to dashboard on login

Definition of done

• on login goto dashboard
• on logout goto homepage

New feature

setting up

pinia website

using setup store method

Notes

• create user store
  returns different data based on user role (teacher / student)

new feature

user card shows avatar and user data.

user data is imported from one of two components based on user role, either teacher or student.

a teacher data contains the following

• name
• subject []
• grade []
• rating (in stars)
• book appointment button

a student data contains the following:

• name
• grade
• school name
• school area

for testing

create buttons that login different users

• teacher login
• student login
• logout

Definition of Done

• the teacher card is visible in a page with it's data
• the student card is visible in a page with it's data

New Feature

• profile page accessible from the account menu
• user card is shown in the middle of the page

Definition of done

• the profile page is working
• the user card is shown in the middle of the page