A website has been developed using the MERN stack (MongoDB, Express.js, React.js, and Node.js) to provide students with a convenient and flexible way to access questions prepared by teachers.
🔺note: This repo contains the client-side, the server-side code is on this repo
The video below shows the Home Page and the sign-up form where the user can create new account after filling in the field in the right way Also, the user can register to the site by filling in the correct user name and password in the login form and then would redirected to the page that fits his authorization
Sign.Up.Login.Log.Out.mp4
The first page will display to the teacher after login is the admin profile page as shown below, where all the curriculums display from the database, the teacher can add and delete curriculums
adman.pages.-.Made.with.Clipchamp.3.mp4
By pressing the edit questions button, teachers can access questions for a specific curriculum. where he can add, delete, edit any question and also search for any question
add.delete.edit.sharch.-.Made.with.Clipchamp.2.mp4
For student users, they will be forwarded to the student page where student can see his exam details table, and from the same page he can start attempts by pressing the start attempt button and choosing the number of questions, then random questions will display depending on the chosen number.
student.page.-.Made.with.Clipchamp.mp4
After the student finishes the exam and clicks on the submit button, he can see the corrected quiz and result which also will be added to the exam details table. also, the student could print the exam details table by pressing the print table button.