{"id":20290321,"url":"https://github.com/hashimthepassionate/quiz-application","last_synced_at":"2025-09-22T17:31:32.203Z","repository":{"id":241069651,"uuid":"804225951","full_name":"HashimThePassionate/Quiz-application","owner":"HashimThePassionate","description":"Quiz is a user-friendly quiz application crafted with HTML, CSS, and JavaScript. It provides a seamless experience for creating and participating in multiple-choice quizzes. Whether you're an educator, trainer, or enthusiast, Quiz offers a straightforward solution for incorporating interactive quizzes into your website or learning environment.","archived":false,"fork":false,"pushed_at":"2024-11-21T20:22:27.000Z","size":20,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-21T20:30:16.623Z","etag":null,"topics":["array-of-objects","arrays","arrow-functions","css","event-listener","functions","html","js","objects"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/HashimThePassionate.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-05-22T07:35:30.000Z","updated_at":"2024-11-21T20:22:30.000Z","dependencies_parsed_at":"2024-05-22T08:47:54.519Z","dependency_job_id":"6bda81de-4875-435a-a25f-b669051811ba","html_url":"https://github.com/HashimThePassionate/Quiz-application","commit_stats":null,"previous_names":["hashimthepassionate/quiz-application"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2FQuiz-application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2FQuiz-application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2FQuiz-application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2FQuiz-application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HashimThePassionate","download_url":"https://codeload.github.com/HashimThePassionate/Quiz-application/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233867155,"owners_count":18742931,"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":["array-of-objects","arrays","arrow-functions","css","event-listener","functions","html","js","objects"],"created_at":"2024-11-14T15:07:00.015Z","updated_at":"2025-09-22T17:31:31.830Z","avatar_url":"https://github.com/HashimThePassionate.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📝 Quiz Application\n\nThis is a **simple and interactive quiz application** built using **HTML**, **CSS**, and **JavaScript**. It allows users to answer multiple-choice questions and provides immediate feedback on their answers. 🌟\n\n👉 [Live Demo: Quiz Application](https://hashimthepassionate.github.io/Quiz-application/)\n\n## 📖 Table of Contents\n\n- [📋 HTML](#-html)\n- [🎨 CSS](#-css)\n- [⚙️ JavaScript](#️-javascript)\n\n## 📋 HTML\n\nThe **HTML file** (`index.html`) provides the structure of the quiz application. It includes:\n\n- ✅ A **container** (`div`) for the quiz content, including the question and options.\n- 🎯 **Radio buttons** and labels for each option.\n- 🔘 **Buttons** for navigation and interaction with the quiz.\n- 📢 **Dialog overlays** for displaying alerts and a contact form.\n\n## 🎨 CSS\n\nThe **CSS file** (`style.css`) enhances the quiz application's user interface with styling such as:\n\n- 🎨 **Layout adjustments** for the quiz container and its components.\n- 🖌️ Beautiful **button styles**, hover effects, and animations.\n- 📑 Stylish **labels** and input elements for a modern look.\n- 🪟 **Dialog box styling** for alerts and forms with smooth transitions.\n\n✨ **Features:** Smooth animations and responsive design ensure that the application looks great on all devices. 📱💻\n\n## ⚙️ JavaScript\n\nThe **JavaScript file** (`script.js`) powers the functionality of the quiz application. It handles:\n\n- 📚 Storing quiz data (questions, options, correct answers) in an **array of objects**.\n- 🌀 Dynamically loading quiz questions and options.\n- 🖱️ **Handling user interactions**, such as selecting answers and navigating between questions.\n- 🚨 Displaying alerts for incomplete selections.\n- 📬 Providing a contact form for users who need assistance.\n\n💡 **Tip:** The application uses dynamic rendering and interactive features to create a seamless user experience. ✨\n\n## 🌟 Highlights\n\n- **Responsive Design** 📱: Works beautifully across devices.\n- **Interactive Animations** 💫: Hover effects and transitions add polish.\n- **User-Friendly Interface** 😊: Clear layout and intuitive navigation.\n\nStart your quiz adventure now! 🚀 Test your knowledge and have fun learning! 🎉\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashimthepassionate%2Fquiz-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhashimthepassionate%2Fquiz-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashimthepassionate%2Fquiz-application/lists"}