onlinetest/Reactjs

This small project is developed for school online test by using JQuery and Reactjs.

It's easy to code and easy to use. Ok, please download the files.

First you should have npm. If not, you can download node.js, and you will have the npm. Ok, next step you should use "cd"(in Windows) to get to the folder, then input "npm start" like below:

(1)

Without any question, you will see the main page of this project in your browser.

In the login page, I use Ajax of JQuery to get the data from "userData.json" file. So you should input the right name and password to login. I will show your all the files below, you can also search the content of "userData.json" in your downloaded folder.

(2)

If you have logined in, you can see the main page which contains several questions, and I also use Ajax to get the data from "questionData.json".

(3)

After finished all questions, you can click submit button. And the program will use "getGrade()" function to check every answer whether it is right or not. And finially it will compute a grade for you. The answer data is in the "answerData.json".

All files you may use

1. App.js: The main page contains most Reactjs codes
2. App.css: Style layout
3. questionData: Contains question
4. userData: Users information
5. answerData: All answers for questions

The project is easy to extend and to give an online test to student.