{"id":19986226,"url":"https://github.com/simandrew/quiz-app-react","last_synced_at":"2025-03-01T20:27:27.973Z","repository":{"id":220732865,"uuid":"751526475","full_name":"SimAndrew/quiz-app-react","owner":"SimAndrew","description":"Quiz React App ","archived":false,"fork":false,"pushed_at":"2024-02-07T17:36:19.000Z","size":73,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-12T11:32:12.553Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://quizz-reactjs-app.netlify.app/","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/SimAndrew.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-02-01T19:30:06.000Z","updated_at":"2024-02-07T18:49:48.000Z","dependencies_parsed_at":"2024-11-13T04:28:44.118Z","dependency_job_id":"b092b711-ccac-4752-a519-6d45a2f52e5c","html_url":"https://github.com/SimAndrew/quiz-app-react","commit_stats":null,"previous_names":["simandrew/quiz-app-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fquiz-app-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fquiz-app-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fquiz-app-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fquiz-app-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SimAndrew","download_url":"https://codeload.github.com/SimAndrew/quiz-app-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241419951,"owners_count":19959998,"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":[],"created_at":"2024-11-13T04:28:33.951Z","updated_at":"2025-03-01T20:27:27.952Z","avatar_url":"https://github.com/SimAndrew.png","language":"JavaScript","readme":"## Quiz App React\n\n---\n\n### About:\n\nA Quiz React application built with React. Contains 15 questions, for each correct answer you get points, for each wrong answer you get nothing. At the end of the quiz, you can view the statistics of the points received for the answers and the high score functionality. \n\nThe application fetches questions from `src/questions.json` deployed on [my-json-server.typicode.com](https://my-json-server.typicode.com/) .\n\nYou can try here: [quizz-reactjs-app.netlify.app](https://quizz-reactjs-app.netlify.app/)\n\n---\n\n### Sample task, photo:\n\n- Right answer\n\n![image](https://github.com/SimAndrew/quiz-app-react/assets/44125451/0a56f68f-c1de-491a-8889-3d12ca49e3dd)\n\n- Wrong answer\n\n![image](https://github.com/SimAndrew/quiz-app-react/assets/44125451/537b8ab5-198e-4fb2-816f-e5bc6d8c3c44)\n\n- Finish the quiz. View total score\n\n![image](https://github.com/SimAndrew/quiz-app-react/assets/44125451/8dd6851c-d6f0-457e-ae68-d6b3626c711c)\n\n- src/questions.json contain 15 questions\n\n```\n{\n  \"questions\": [\n    {\n    \"question\": \"Which is the most popular JavaScript framework?\",\n    \"options\": [\"Angular\", \"React\", \"Svelte\", \"Vue\"],\n    \"correctOption\": 1,\n    \"points\": 10\n    },\n  ]\n}\n```\n\n---\n\n### Technologies:\n\n- [React JS](https://react.dev/)\n- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)\n- [Deploy src/questions.json on My JSON Server](https://my-json-server.typicode.com/SimAndrew/quiz-app-react/questions)\n- [my-json-server.typicode.com](https://my-json-server.typicode.com/)\n- [Deploying on Netlify](https://www.netlify.com/)\n\n---\n\n### Run the app:\n\n- Clone a project: `git clone`\n\n```\nhttps://github.com/SimAndrew/quiz-app-react.git\n```\n\n- Open project code in your editor.\n- Install the dependencies, enter into the terminal:\n\n```\nnpm install\n```\n\n- Run the project, enter into the terminal:\n\n```\nnpm run dev\n```\n\n- To run `src/questions.json` on `localhost:8000/questions` edit `src/components/App.jsx`\n\n```\nuseEffect(function () {\n// From My my-json-server.typicode.com :\n\t\tfetch(\n\t\t\t'https://my-json-server.typicode.com/SimAndrew/quiz-app-react/questions',\n\t\t)\n// To:\n\t\tfetch('http://localhost:8000/questions')\n\n\t\t\t.then((res) =\u003e res.json())\n\t\t\t.then((data) =\u003e dispatch({ type: 'dataReceived', payload: data }))\n\t\t\t.catch((err) =\u003e dispatch({ type: 'dataFailed' }));\n}, []);\n\n```\n\n- To run enter into the terminal:\n\n```\nnpx json-server --watch src/questions.json --port 8000\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimandrew%2Fquiz-app-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimandrew%2Fquiz-app-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimandrew%2Fquiz-app-react/lists"}