A web-based interactive testing platform designed to create, take, and review multiple-choice tests with ease. Perfect for educational purposes, self-assessment, and skill evaluations.
- Multiple Test Support: Load and switch between different test modules easily.
- Customizable Question Range: Select the interval of questions to attempt.
- Difficulty Display: Each question shows its difficulty level.
- Interactive Answer Selection: Clickable answer options with immediate feedback.
- Result Summary: View total score, percentage, and detailed answer overview.
- Review Mode: Check which answers were correct or incorrect and see correct answers.
- Retry Functionality: Restart the test without refreshing the page.
-
Test Selection Screen
Choose a test and define the question interval. -
Question Screen
- Displays question text and difficulty.
- Shows multiple-choice options.
- Highlights correct and incorrect answers after selection.
-
Results Screen
- Shows score and percentage.
- Provides detailed review of all questions.
- Option to retry the test.
- Clone the repository:
git clone https://github.com/iliyasbt0569/TestingPlatform.git- Open index.html in a web browser.
No server setup required; fully front-end based.
testing-platform/
│
├─ index.html # Main HTML file
├─ styles.css # Styles for the platform
├─ testings/ # Folder containing all test modules
│ ├─ ProgrammingInPython.js
│ ├─ FrontEnd.js
│ ├─ EconomicsLawAndFinancialLiteracy.js
│ ├─ OccupationalSafetyAndHealth.js
│ └─ SoftwareDevelopmentMethodologies.js
└─ README.md- Create a new JS file in the testings/ folder.
- Export the test name and content:
export const testingName = "New Test Name";
export const testingStr = `
<question1> Question text
<variantright> Correct answer
<variant> Wrong answer 1
<variant> Wrong answer 2
`;The platform will automatically load it.
- Open the platform in a browser.
- Select a test and the range of questions to attempt.
- Click Start the testing.
- Select your answers for each question.
- Review your results and detailed feedback at the end.
- HTML5
- CSS3
- JavaScript (ES6 Modules) Fully client-side; no backend required.
- Make sure all test modules are located in the testings/ folder.
- Question intervals should be within the total number of questions in the selected test.
- Supports unlimited number of tests as long as they follow the module format.