NEXTJS project: Create 5 screens on students dashboard page with the scenarios that are attached below in a PDF file -- 3
Budget: $30 – $250 CAD
Screen 1: Student Dashboard Page: Its a step-by-step guide for the student to follow after he purchases tokens to find himself a piano teacher
Screen 2: Student Dashboard Page: This is the same dashbaord but a different scenario - this screen is for students who have purchased tokens and already SELECTED a piano teacher so they dont need the step-by-step guide again.
Screen 3: Teacher Profile Page: The student sees this screen if he chooses to "Contact and Book!" (from screen 1) a certain teacher - he access their in depth teacher profile to see more info about that teacher
Screen 4: Book Appointment Page: After the student selected a teacher and decided to book an appointment this is the screen they will have. THE SCREEN DIVIDES INTO 2 SECTIONS: Local & Online Lessons: Please make sure to attribute proper code to each selection of the student
Screen 5: Appointment Lesson Page: This page is the actual online appointment we perform between the student and teacher. The screen should have a record button and a text message chat box.
Task Requirements:
1. Pages need to look great and be coordinated on all devices and screen resolutions (including desktop and mobile devices).
2. this needs to be implemented in nextjs
3. it has to work with SSG
4. the person needs to be excellent in CSS and NextJS
Screen 2: Student Dashboard Page: This is the same dashbaord but a different scenario - this screen is for students who have purchased tokens and already SELECTED a piano teacher so they dont need the step-by-step guide again.
Screen 3: Teacher Profile Page: The student sees this screen if he chooses to "Contact and Book!" (from screen 1) a certain teacher - he access their in depth teacher profile to see more info about that teacher
Screen 4: Book Appointment Page: After the student selected a teacher and decided to book an appointment this is the screen they will have. THE SCREEN DIVIDES INTO 2 SECTIONS: Local & Online Lessons: Please make sure to attribute proper code to each selection of the student
Screen 5: Appointment Lesson Page: This page is the actual online appointment we perform between the student and teacher. The screen should have a record button and a text message chat box.
Task Requirements:
1. Pages need to look great and be coordinated on all devices and screen resolutions (including desktop and mobile devices).
2. this needs to be implemented in nextjs
3. it has to work with SSG
4. the person needs to be excellent in CSS and NextJS