https://github.com/fouad-gabr/examination-system

CodeExaminer is a dynamic web-based examination system developed as part of the Digital Egypt Pioneers Initiative. The exam focuses on programming questions related to JavaScript, It offers a seamless user experience with animated interfaces and robust functionalities tailored for educational assessments.
https://github.com/fouad-gabr/examination-system

animation-css css3 html5 icons javascript

Last synced: 4 months ago
JSON representation

CodeExaminer is a dynamic web-based examination system developed as part of the Digital Egypt Pioneers Initiative. The exam focuses on programming questions related to JavaScript, It offers a seamless user experience with animated interfaces and robust functionalities tailored for educational assessments.

• Host: GitHub
• URL: https://github.com/fouad-gabr/examination-system
• Owner: Fouad-Gabr
• Created: 2024-09-03T23:08:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-10T15:54:30.000Z (over 1 year ago)
• Last Synced: 2025-03-22T09:06:18.331Z (about 1 year ago)
• Topics: animation-css, css3, html5, icons, javascript
• Language: JavaScript
• Homepage: https://fouad-gabr.github.io/Examination-System/
• Size: 15.2 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
**CodeExaminer**

CodeExaminer is a dynamic web-based examination system developed as part of the Digital Egypt Pioneers Initiative. Designed to focus on programming questions related to JavaScript, CodeExaminer offers a seamless user experience with interactive and animated interfaces, alongside robust functionalities tailored for educational assessments.

**Key Features:**

- **User Authentication:** Secure account registration and login functionalities with enhanced validation to ensure user privacy and prevent unauthorized access.

  

- **Interactive Interface:** Engaging animations enhance user interaction and usability throughout the exam process.

  

- **Exam Experience:** Users can take exams featuring multiple-choice questions with dynamic answer options, providing a comprehensive assessment experience.

  

- **Timer Functionality:** A built-in 5-minute timer tracks exam duration, ensuring timely completion and adding a layer of challenge to the examination process.

  

- **Screen Recording:** To prevent cheating and searching for answers, the system records the screen once the exam starts, ensuring the integrity of the examination process.

  

- **Results Display:** Immediate display of exam scores and feedback upon completion, allowing users to review their performance and identify areas for improvement.

---

#### Technologies Used:

HTML5, CSS3, JavaScript

#### Project Structure:

- **index.html:** Main page structure with signup, login, exam interface, and results display.

- **style.css:** Styling to enhance user interface and animations.

- **script.js:** JavaScript functionalities for exam logic, timer, and result calculation.

#### Screenshots:

- **Signup page**

![signup](https://github.com/user-attachments/assets/6c7d3a40-2dff-4bb7-afd4-99efa939d1b9)

![signup2](https://github.com/user-attachments/assets/11585d26-ce1a-458b-821c-5beaf245ba6d)

![signup3](https://github.com/user-attachments/assets/539f2d2b-53b5-41be-881f-eae112495419)

![signup4](https://github.com/user-attachments/assets/a49cb45b-b57e-4631-9cb8-fe79e10f62ae)

- **Login page**

![login](https://github.com/user-attachments/assets/8781bd1c-06f6-43af-a98f-32d80d6ceab0)

- **Welcome page**

![welcomepage](https://github.com/user-attachments/assets/d981dfa9-32ec-444d-a819-1d943bfd7d49)

- **Exam page**

![exam1](https://github.com/user-attachments/assets/eb2bc30c-6a75-492c-8810-175513ab9771)

![exam2](https://github.com/user-attachments/assets/7702ac95-4094-487c-9abd-8955a7260f6f)

- **warning page if user stop recording**

![warning](https://github.com/user-attachments/assets/4287395c-2a17-40d6-84ca-90a803aa8fc1)

- **Timeout page**

![timeout](https://github.com/user-attachments/assets/2dee024a-c47a-45f2-a27e-fee6f674f5c9)

- **Score page**

![Scorepage](https://github.com/user-attachments/assets/84d91c3c-ad28-4701-8354-24da40995b92)

![fullmark](https://github.com/user-attachments/assets/e0e57ce4-0814-467d-911a-b91c57a672cd)

#### Future Enhancements:

- Integration with backend services for user data storage and comprehensive exam management.

- Enhanced UI/UX features for a more intuitive user experience.

Explore the project live [here]() or clone the repository to view the code and contribute to its development.