{"id":15019240,"url":"https://github.com/MoSalem149/online-exam-platform_DEBI-Project","last_synced_at":"2025-09-29T21:31:10.890Z","repository":{"id":257817378,"uuid":"854135183","full_name":"MoSalem149/online-exam-platform_DEBI-Project","owner":"MoSalem149","description":"A modern, responsive online exam platform featuring sign-up/login functionality, timed exams, progress tracking, flagged questions, and result submission. Built with HTML, CSS, and JavaScript for an interactive and user-friendly experience.","archived":false,"fork":false,"pushed_at":"2024-10-02T21:05:49.000Z","size":3410,"stargazers_count":19,"open_issues_count":0,"forks_count":2,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-01-16T02:06:24.333Z","etag":null,"topics":["animated-gif","api","bootstrap5","css3","flex","font-awesome","front-end-development","google-fonts","html5","javascript","keyframe-animation","localstorage","media-queries","online-exam-system","online-examination-system","responsive","signup-login-page","web-design","web-development"],"latest_commit_sha":null,"homepage":"https://online-exam-platform-app.netlify.app/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MoSalem149.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-08T13:28:40.000Z","updated_at":"2024-10-03T00:00:42.000Z","dependencies_parsed_at":"2024-10-10T04:23:43.317Z","dependency_job_id":"60624b79-710c-4db2-a18e-26e3cd02d11a","html_url":"https://github.com/MoSalem149/online-exam-platform_DEBI-Project","commit_stats":null,"previous_names":["mosalem149/online-exam-platform_debi-project","mosalem149v2/online-exam-platform_debi-project"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoSalem149%2Fonline-exam-platform_DEBI-Project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoSalem149%2Fonline-exam-platform_DEBI-Project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoSalem149%2Fonline-exam-platform_DEBI-Project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoSalem149%2Fonline-exam-platform_DEBI-Project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MoSalem149","download_url":"https://codeload.github.com/MoSalem149/online-exam-platform_DEBI-Project/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234665585,"owners_count":18868561,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animated-gif","api","bootstrap5","css3","flex","font-awesome","front-end-development","google-fonts","html5","javascript","keyframe-animation","localstorage","media-queries","online-exam-system","online-examination-system","responsive","signup-login-page","web-design","web-development"],"created_at":"2024-09-24T19:53:12.602Z","updated_at":"2025-09-29T21:31:10.454Z","avatar_url":"https://github.com/MoSalem149.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **Online-Exam-Platform_DEBI-Project**\n\nA modern, responsive online exam platform featuring sign-up/login functionality, timed exams, progress tracking, flagged questions, and result submission. Built with **HTML**, **CSS**, and **JavaScript** for an interactive and user-friendly experience.\n\n## Features\n\n- **User Authentication**: Sign-up and login functionality with form validation.\n- **Timed Exams**: A countdown timer to ensure users complete the exam within a specified duration.\n- **Progress Tracking**: Real-time progress bar showing the percentage of the exam completed.\n- **Question Flagging**: Users can flag questions for review and return to them later.\n- **Result Submission**: Displays the final exam score along with the user's name and ID.\n\n## Technologies Used\n\n- **HTML5**: For the structure of the web pages.\n- **CSS3**: For styling, animations, and layout, ensuring a responsive design.\n- **JavaScript**: For handling dynamic functionality such as form validation, quiz logic, and data storage using `localStorage`.\n\n## Screenshots\n\n### Sign-Up Page\n![Sign-Up Page](./screens/sign-up-page.jpeg)\n\n### Login Page\n![Login Page](./screens/login-page.jpeg)\n\n### Welcome Page\n![Welcome Page](./screens/welcome-page.jpeg)\n\n### Exam Page\n![Exam Page](./screens/exam-page.jpeg)\n\n### Result Page\n![Result Page](./screens/result-page.jpeg)\n\n### Time-Out Page\n![Time-Out Page](./screens/time-out-page.jpeg)\n\n## Project Structure\n\n### HTML Files:\n\n- **`index.html`**: Handles user sign-up and login.\n- **`welcome.html`**: Introduction page that starts the exam.\n- **`exam.html`**: Main exam page where users answer questions and track their progress.\n- **`timeout.html`**: Displays a timeout message when the exam time expires.\n- **`result.html`**: Shows the user's final score after the exam.\n\n### Styles:\n\n- **`main.css`**: Global styling useing throughout the project.\n- **`signup-login-form.css`**: Styles specific to the sign-up and login forms.\n- **`exam.css`**: Styling for the main exam interface, including the question container, progress bar, and flagged questions.\n- **`timeout.css`**: Styling for the timeout page that shows when the exam time expires.\n- **`result.css`**: Styling for the result page that displays the user's score.\n- **`welcome.css`**: Styling for the welcome page that displays the welcome message for the user.\n\n### JavaScript Files:\n\n- **`signupLoginForm.js`**: Handles form validation for the sign-up and login process.\n- **`exam.js`**: Core functionality for managing the exam questions, flagging, timer, and result calculation.\n- **`result.js`**: Displays the user's exam result using data from `localStorage`.\n- **`goBackButtonDisable.js`**: Prevents users from going back during the exam.\n\n## How to Run the Project\n\n1. **Clone the repository**:\n   ```bash\n   git clone https://github.com/MoSalem149/Online-Exam-Platform_DEBI-Project.git\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMoSalem149%2Fonline-exam-platform_DEBI-Project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMoSalem149%2Fonline-exam-platform_DEBI-Project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMoSalem149%2Fonline-exam-platform_DEBI-Project/lists"}