{"id":26745593,"url":"https://github.com/mariamshrieff/quiz-app","last_synced_at":"2026-04-12T18:39:29.844Z","repository":{"id":260648561,"uuid":"880928465","full_name":"MariamShrieff/Quiz-App","owner":"MariamShrieff","description":"Quiz App leverages APIs to deliver exams, displaying questions and scores in real time for an engaging testing experience.","archived":false,"fork":false,"pushed_at":"2024-11-01T18:32:54.000Z","size":667,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-13T09:15:22.510Z","etag":null,"topics":["api","bootstrap5","css-animations","css3","functions","html5","javascript","oop","oop-in-javascript"],"latest_commit_sha":null,"homepage":"https://mariamshrief5.github.io/Quiz-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/MariamShrieff.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-10-30T16:01:22.000Z","updated_at":"2024-11-01T18:32:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"c2eb9f0c-d045-4955-b2eb-08d6c94963b8","html_url":"https://github.com/MariamShrieff/Quiz-App","commit_stats":null,"previous_names":["mariamshrief5/quiz-app","mariamshrieff/quiz-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MariamShrieff%2FQuiz-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MariamShrieff%2FQuiz-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MariamShrieff%2FQuiz-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MariamShrieff%2FQuiz-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MariamShrieff","download_url":"https://codeload.github.com/MariamShrieff/Quiz-App/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245991546,"owners_count":20706129,"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":["api","bootstrap5","css-animations","css3","functions","html5","javascript","oop","oop-in-javascript"],"created_at":"2025-03-28T08:17:54.161Z","updated_at":"2026-04-11T02:40:51.094Z","avatar_url":"https://github.com/MariamShrieff.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Quiz App\nQuiz App is a customizable online testing platform allowing users to test their knowledge across different subjects, difficulty levels, and question numbers. Designed for students, professionals, and anyone eager to learn, Quiz App offers a tailored experience for a variety of knowledge fields. Built with HTML, CSS, and JavaScript, the app is structured for easy navigation, engaging design, and immediate feedback on performance.\n\n# Project Description:\nQuiz App is a user-focused application where participants can select their desired subject, difficulty level, and number of questions for a quiz. Using JavaScript for logic and an API to fetch questions, the app evaluates the user’s responses and provides a final score. The responsive HTML and CSS layout ensures compatibility across devices, making it ideal for both casual and serious test-takers.\n\n# Project Details:\n#### 1. **User Interface**\n   - **Design**: A clean, intuitive layout where users can easily select topics, levels, and customize question count.\n   - **Styling**: CSS is used for a responsive, visually appealing design.\n\n#### 2. **Functionality**\n   - **Question Fetching**: The app fetches questions from an API based on selected criteria.\n   - **Answer Submission**: Users can submit answers, which are evaluated to calculate the score.\n   - **Score Display**: Upon completion, the app displays the user's score and feedback.\n   - **API Integration**: Uses a quiz-based API to retrieve questions dynamically, enhancing the variety and relevance of the quiz content.\n\n#### 3. **Object-Oriented Design (OOP)**\n   - **Classes**: \n     - `Quiz`: Manages question fetching, storing, and the quiz flow.\n     - `Question`: Represents individual questions, stores options and correct answers.\n     - `User`: Manages user selections and tracks scores.\n   - **Encapsulation**: Core functionalities (like answer validation) are wrapped within classes for better structure and future scalability.\n   - **Inheritance**: Could be extended to support different types of quizzes (e.g., timed quizzes) by inheriting from base classes.\n# Example Usage:\n1. User selects **Science** as the quiz topic.\n2. Chooses **Intermediate** level.\n3. Sets **10 questions** for the quiz.\n4. Completes the quiz and views the score along with correct answers.\n\n# Tools and Technologies:\n- **HTML**: Layout structure.\n- **CSS**: Styling and responsive design.\n- **JavaScript**: Logic handling, API requests, and interactivity.\n- **API**: Fetches question data dynamically.\n\n# Demo:\nhttps://github.com/user-attachments/assets/3c262545-8745-4e33-ae0e-3def341d829d\n\n# Screenshots:\n# Choose From Drop Down List, Good Luck!\n- **Category**\n- **Difficulty Level**\n- **Number of Questions** \n![Screenshot 1](https://drive.google.com/uc?export=view\u0026id=1bHl992hLq9JZCS63ZK340FtULIBwCvDZ)\n\n# Take Your Exam in Computer Field\n![Screenshot 2](https://drive.google.com/uc?export=view\u0026id=1cqq508xaKodMsuKlFUZTuGKn2Y5kL3JF)\n\n# Style of Exam , Show Type of Questions, How many Question remaining, Show The Truthy Value or Falsy Value With Different Style and Color  \n![Screenshot 3](https://drive.google.com/uc?export=view\u0026id=1rV0v3dPZuWynyx_seQzMe-r6T3DeiQNQ)\n\n# Finally, Your Score\n![Screenshot 3](https://drive.google.com/uc?export=view\u0026id=172FMZ8hLV_dyMcLYbCDHbh9NLChBbQhc)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariamshrieff%2Fquiz-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmariamshrieff%2Fquiz-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariamshrieff%2Fquiz-app/lists"}