- Practice fullstack project with Backend: ExpressJS, Axios, ReactQuery and Frontend: ReactJS, NextJS
- The web page to manage the list of student and courses.
- Each student has three properties: student name, age, and enrolled courses.
- Each course has two properties: course name and description.
- Containing three pages including: Home Page, Student Detail Page and Course Page.
- Home Page: the list of student as the table, by clicking on student will redirect to the Student Detail Page of that student. Second, the add function to add new student
to the list. The remove function to delete student from the list.
- Course Page: the list of courses, the remove function to remove course, the edit function to update course and the add function to add new course to the list.
- Student Detail Page: The page to display the detail information such as name, age, course, and avarta specific for each student by their routes. The edit function to edit
student information.
- Home Page: the list of student as the table, by clicking on student will redirect to the Student Detail Page of that student. Second, the add function to add new student
to the list. The remove function to delete student from the list.
- Backend:
npm start - Frontend:
cd clientfrom the current directory.npm start