tutorly's Introduction
tutorly's People
tutorly's Issues
add google font
add drizzle orm
add antfu eslint config
DX feature
add star rating for teachers card
New Feature
- 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
add formKit
add daisy navbar
replace get started button with avatar
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
signup button takes to choose role 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
add dashboard layout with side menu
New feature
- a layout that applies to logged in users shows a side menu
- the side menu contains:
- home
- dashboard
- 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
create and connect a supabase project
Notes
add nuxt/supabase
add reserve appointment page
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
add dashboard page
New feature
- logged in users go to dashboard on login
Definition of done
- on login goto dashboard
- on logout goto homepage
add Pinia
New feature
setting up
using setup store method
Notes
- create user store
returns different data based on user role (teacher / student)
add user card component
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
add profile page
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
profile picture not showing
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.