{"id":26153474,"url":"https://github.com/supiyasingh/quiz-app","last_synced_at":"2025-09-13T05:36:27.613Z","repository":{"id":279452258,"uuid":"925607256","full_name":"Supiyasingh/Quiz-app","owner":"Supiyasingh","description":null,"archived":false,"fork":false,"pushed_at":"2025-02-25T16:10:10.000Z","size":51,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T07:58:05.978Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/Supiyasingh.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":"2025-02-01T09:31:22.000Z","updated_at":"2025-02-25T16:10:14.000Z","dependencies_parsed_at":"2025-02-25T17:33:23.094Z","dependency_job_id":null,"html_url":"https://github.com/Supiyasingh/Quiz-app","commit_stats":null,"previous_names":["supiyasingh/quiz-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Supiyasingh/Quiz-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Supiyasingh%2FQuiz-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Supiyasingh%2FQuiz-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Supiyasingh%2FQuiz-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Supiyasingh%2FQuiz-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Supiyasingh","download_url":"https://codeload.github.com/Supiyasingh/Quiz-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Supiyasingh%2FQuiz-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274920300,"owners_count":25374003,"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","status":"online","status_checked_at":"2025-09-13T02:00:10.085Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2025-03-11T07:58:07.246Z","updated_at":"2025-09-13T05:36:27.556Z","avatar_url":"https://github.com/Supiyasingh.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n#Quiz Application\n\nBuild a Quiz Application Using React.js\nBuild a Quiz Application using React.js, integrating it with a mock API for fetching questions, submitting answers, and retrieving quiz results. It should allow users to take a quiz by fetching multiple-choice questions from an API, submit answers, and view their score on a results page.\n\nQuiz App Demo\nThe Quiz Application will consist of the following pages:\n\nHome Page (/)\nQuiz Page (/quiz)\nResult Page (/result)\nEach of these pages will interact with different API endpoints to fetch data, submit answers, and display results.\n\nGithub Repo for Books API\nFork this Quiz API Repository.\nRead the API document provided in the Readme File.\nLogin to you glitch account\nclick on new project\nselect import from github\npaste your forked github url and submit\nYou will get your own Quiz API glitch URL and use the endpoints mentioned in the Document.\nPages and API Endpoints\n1. Home Page (/)\n Description:\n\nDisplays a welcoming message and a \"Login\" button.\nUser must log in before starting the quiz.\nOnce logged in, the user can navigate to the Quiz Page.\nFeatures:\n\nLog in using a predefined username and password.\nUpon successful login, navigate to the Quiz Page.\nAPI Endpoint:\n\nLogin Endpoint:\nURL: /login\nMethod: POST\n\n\n2. Quiz Page (/quiz)\n\n\nDescription:\n\nDisplays multiple-choice questions fetched from the API.\nAllows users to select answers for each question and receive immediate feedback (correct/incorrect).\nYou can have Show/Hide answer button for each question clicking on it should show this message ✅ Correct! The answer is \u003ccorrect answer\u003e / ❌ Incorrect! The correct answer is \u003ccorect answer\u003e\nUse some styling to high light the selected correct/incorrect option.\nOnce all questions are answered, the user can click the \"Submit Quiz\" button to submit answers and proceed to the Result Page.\nFeatures:\n\nFetch quiz questions from the API.\nTrack user responses using React's state management (useState).\nShow whether the selected answer is correct or incorrect immediately after selection.\nAfter all questions are answered, display a \"Submit Quiz\" button.\nAPI Endpoint:\n\nFetch All Quiz Questions Endpoint:\nURL: /api/questions\nMethod: GET\nSubmit Quiz Answers Endpoint:\nURL: /api/submit\nMethod: POST\n3. Result Page (/result)\n\n\nDescription:\n\nDisplays the user's quiz score after they submit the quiz.\nShows how many answers were correct and the overall score.\nFeatures:\n\nAfter submitting the quiz, display the user's score (number of correct answers).\nDisplay a performance summary (e.g., \"You answered 7 out of 10 questions correctly\").\nAPI Endpoint:\n\nGet User Quiz Result Endpoint:\nURL: /api/result/:userId\nMethod: GET\nFolder Structure:\n `\n\nComponents:\nHome.jsx:\nDisplays the welcome message and login button.\nOn successful login, redirects to /quiz page.\nQuiz.jsx:\nFetches quiz questions using the /api/questions API.\nDisplays each question with options and allows the user to select answers.\nTracks answers and gives immediate feedback.\nAfter answering all questions, the user can click \"Submit Quiz\" to navigate to the Result Page.\n2.1 QuizItem.jsx :\n\n    It will be a reusable component to render individual quiz questions and options.\n\n     It will receive props from Quiz.jsx (like question text, options, and selected answer handling). \n    \nResult.jsx:\nDisplays the user's score after submitting the quiz.\nFetches the result from the /api/result/:userId API.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsupiyasingh%2Fquiz-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsupiyasingh%2Fquiz-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsupiyasingh%2Fquiz-app/lists"}