REACT, Node.JS (Express & Mongoose), MongoDB

REST API: POST \user - data contains name, login, password, role([login to view URL]) - adds user to the database For student users only: GET \user\:userid\grade - return the student grade GET \user\:userid\exercise\:exid\grade - return the grade for the required exercise POST \user\:userid\exercise\:exid\grade with data containing the grade - set the grade of the student for the specific exercise DELETE \user\:userid - delete the user DELETE \user\:userid\exercise\:exid - delete the exercise GET \user\:userid\attendance returns the attendance of the user POST \user\:userid\attendance\:dateid with either A(bsent), L(ate) or O(n time) - set the attendance of the student for the specific date object GET \user\:userid\attendance\:dateid the attendance of the user for the specific date item POST \exercise - with data name\max grade\due date creates a new exercise for all student users POST \attendance - with date creates an attendance entry for all student users on the specific date In addition, you need to create a graphical user interface containing: grades - showing a table with students vertically and exercises horizontally and putting the grade of the students for each exercise attendance - A similar table but with A(absent), L(late), O(on time) instead of grades and dates instead of exercises On both pages, you have a plus to add a new exercise, user or attendance date using the above API. Please try to make a nice GUI with sorting of columns and any other feature you might think of.