{"id":49593085,"url":"https://github.com/dimuzzo/quiz-app","last_synced_at":"2026-05-04T01:40:34.406Z","repository":{"id":296900538,"uuid":"995082492","full_name":"dimuzzo/quiz-app","owner":"dimuzzo","description":"\"Good-looking\" app to train yourself on various exam quizzes!","archived":false,"fork":false,"pushed_at":"2026-04-02T21:27:50.000Z","size":1997,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-03T08:08:05.573Z","etag":null,"topics":["computer-networks-course","gof-patterns","grasp-patterns","quiz-app","software-development"],"latest_commit_sha":null,"homepage":"https://dimuzzo.github.io/quiz-app/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimuzzo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-03T00:10:10.000Z","updated_at":"2026-04-02T21:27:58.000Z","dependencies_parsed_at":"2025-06-21T17:39:28.576Z","dependency_job_id":null,"html_url":"https://github.com/dimuzzo/quiz-app","commit_stats":null,"previous_names":["dimuzzo/quiz-app"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/dimuzzo/quiz-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimuzzo%2Fquiz-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimuzzo%2Fquiz-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimuzzo%2Fquiz-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimuzzo%2Fquiz-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimuzzo","download_url":"https://codeload.github.com/dimuzzo/quiz-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimuzzo%2Fquiz-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32591603,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["computer-networks-course","gof-patterns","grasp-patterns","quiz-app","software-development"],"created_at":"2026-05-04T01:40:32.432Z","updated_at":"2026-05-04T01:40:34.387Z","avatar_url":"https://github.com/dimuzzo.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Exam Quizzes App 🎓\n\n![GitHub last commit](https://img.shields.io/github/last-commit/dimuzzo/quiz-app?style=flat-square\u0026logo=github\u0026label=Last%20Commit)\n![GitHub repo size](https://img.shields.io/github/repo-size/dimuzzo/quiz-app?style=flat-square\u0026logo=github\u0026label=Repo%20Size)\n![GitHub stars](https://img.shields.io/github/stars/dimuzzo/quiz-app?style=flat-square\u0026logo=github\u0026label=Stars)\n\nWelcome to the Exam Quizzes application!\n\nThis is a web app designed to test your knowledge of **Software Architecture, Design Patterns, and Computer Network Technologies**.\n\nThe entire application is available in both **Italian** and **English**, with a convenient switcher to change languages at any time without losing any progress!\n\n---\n\n## Overview\n\nThis application offers three main quiz modes:\n\n1.  **Software Application Development Theory Quiz:** True/false questions to verify understanding of fundamental software application development concepts and the Unified Process.\n2.  **Software Application Development Design Patterns Quiz:** Multiple-choice questions focused on GRASP and GoF design patterns (creational, structural, behavioral), with problem-solution scenarios and UML diagram interpretation.\n3.  **Computer Network Technologies and Services Quiz:** Multiple-choice questions covering advanced networking topics, including Protocols, IP Addressing (IPv4/IPv6), Routing Algorithms (OSPF, BGP, RIP), MPLS, VPNs, and Mobile Networks (GSM, LTE, 5G).\n\nAll quizzes provide immediate feedback with detailed technical explanations for each answer and a final screen summarizing the session's statistics.\n\n---\n\n## Key Features\n\n* **Three Quiz Modes:**\n    * **Theory:** Test your knowledge on software engineering concepts (SAS).\n    * **Design Patterns:** Master GRASP and GoF patterns (SAS).\n    * **Networks:** Deep dive into Computer Network Technologies and Services (CNTS).\n* **Bilingual Support:** Easily switch between Italian and English at any point. The quiz state is preserved, allowing you to change languages mid-quiz without losing progress.\n* **Random Questions:** Questions and options are shuffled each session for a new experience every time.\n* **Immediate Feedback:** Instantly see if your answer is correct or incorrect (Green for correct, Red for incorrect).\n* **Detailed Explanations:** Understand the reasoning behind each answer with in-depth technical descriptions.\n* **Flexible Navigation:**\n    * Jump directly to any question using a convenient dropdown menu and a visual question map.\n    * Move step-by-step with \"Previous\" and \"Next\" buttons.\n    * Use \"Show Answer\" to reveal the correct choice or \"Stop Quiz\" to end the session early.\n* **Progress Tracking:**\n    * A visual progress bar.\n    * A real-time count of correct and incorrect answers during the quiz.\n* **Results Summary:**\n    * A final percentage score.\n    * A detailed breakdown of correct and incorrect answers.\n* **Modern and Responsive Design:** A clean, pleasant user interface that adapts to different devices, with specific color themes for each quiz section.\n* **PWA (Progressive Web App) Ready:** Includes a `manifest.json` for an experience similar to a native app.\n\n---\n\n## Technologies Used\n\n* HTML5\n* CSS3 (with Flexbox, Grid and animations)\n* JavaScript (Vanilla JS) for the quiz logic and internationalization.\n\n---\n\n## How to Run the Application\n\n### Online (Recommended)\n\nThe easiest way to use the app is through the GitHub Pages link:\n\n**[https://dimuzzo.github.io/quiz-app/](https://dimuzzo.github.io/quiz-app/)**\n\n### Locally\n\nThe application is entirely client-side, but due to modern browser security restrictions (CORS policy), it cannot be run by simply opening the `index.html` file (with a `file:///...` address). To work correctly, the files must be served by a local web server (`http://localhost/...`).\n\nHere are two simple ways to do this:\n\n**1. With Visual Studio Code + Live Server extension (Easiest):**\n* Install the **Live Server** extension by Ritwick Dey.\n* Right-click on the `index.html` file.\n* Select **\"Open with Live Server\"**.\n\n**2. With Python:**\n* Open a terminal in the project's root folder.\n* Run the command:\n    ```bash\n    python -m http.server\n    ```\n* Open your browser and navigate to `http://localhost:8000`.\n\n---\n\n## File Structure\n\nThe project is organized to separate content, styling, and logic for better maintainability.\n\n* `index.html`: The main page where the user chooses the quiz type.\n* `theory.html`: The HTML structure for the theory quiz.\n* `pattern.html`: The HTML structure for the design patterns quiz.\n* `network.html`: The HTML structure for the computer network technologies quiz.\n* `style.css`: Contains the common CSS styles shared across all pages.\n* `quiz-style.css`: Contains specific styles for the quiz interface.\n* `quiz-logic.js`: The main JavaScript engine for the quizzes (rendering, scoring, navigation).\n* `i18n.js`: The internationalization (i18n) module that manages language loading and switching.\n* `locales/`: Folder containing the language files.\n    * `en.json`: Contains all English text strings for the UI and questions.\n    * `it.json`: Contains all Italian text strings for the UI and questions.\n* `manifest.json`: Configuration file for the Progressive Web App.\n* `app-icon.png`: Icon for the PWA.\n\n---\n\n## Contributions\n\nIf you want to contribute to the project, feel free to fork the repository and submit a pull request!\n\n---\n\n\u003e Created with passion by [dimuzzo](https://github.com/dimuzzo)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimuzzo%2Fquiz-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimuzzo%2Fquiz-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimuzzo%2Fquiz-app/lists"}