The Dynamic-Student-Assessment is a project for Codaisseur. The aim is to accurately measure the level of Javascript of potential students who sign up for the coding bootcamp. Better assessments of students Javascript level before they start the course, should increase the Bootcamp completion rate.
The test should measure students current level and give recommendations based on the results. The questions should change in complexity based on the provided student answers and level.
-
Test Client Focuses on the applicant UI and contains the login page and admissions test.
-
Admin Client Portal for the Codaisseur admissions team to manage applicants, scores and tests.
-
Server Contains the end points and database models.
- Clone the git repository
git clone git@github.com:Official-Codaisseur-Graduate/Dynamic-Student-Assessment-Test-Client.git
-
cd into the folder Dynamic-Student-Assessment-Test-Client
-
Run npm install and Before launching the app( with npm start ), please make sure that the server side is up and running.
-
Run npm start. The app runs in the development mode on http://localhost:3000 in the browser.
-
Checkout the Server ReadMe to install and run the server.
The main structure and components for the test client have been made. Full implementation with the server and admin client is pending. For more detailed overview of what's completed and needs to be done checkout: Test Client Project Board
This project was scaffolded using the create-react-app cli.
The standard create-react-app docs can be found in here
Login
- An interviewee can login with the code that is generated from the admin client (see the /students endpoint in that repo: here --> Admin Client
Instructions
- After loging in, the interviewee get redirected to /instructions where a default instructions (should be replaced with the real instructions at one point). Here the interviewee can click the button "start test" to get to the test.
Admission-test
- At /admission-test, the interviewee get the questions, choosing one out of four options and then clicking next to get to the next question
- Question loaded (redux store)
- If an interviewee answers the question correct --> the initialLevel (seen in the action payload OR in the state question: initalLevel) will go up a level (from 0-1-2).
- In the payload you can see the answers (an array at the bottom of the payload), here you see which one is correct/incorrect.
- After finishing the test (for now we only give 5 questions/test), the interviewee can navigate to results page to discuss the questions with the interviewer.
Admission-test
- The results page could be styled with Material UI
- Change the instructions
- NOT to do: we don't recommend to have a back button in the test. An interviewee shouldn't be able to resubmit an answer, because it would mess up the dynamic leveling/scoring system of the test.
Class 30:
Class 31:
Class 32: