{"id":49458507,"url":"https://github.com/ogrodev/1st-react-challenge-guilda-dev","last_synced_at":"2026-04-30T08:05:56.660Z","repository":{"id":111400136,"uuid":"528129687","full_name":"ogrodev/1st-react-challenge-guilda-dev","owner":"ogrodev","description":null,"archived":false,"fork":false,"pushed_at":"2022-08-23T21:24:54.000Z","size":9,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2023-07-21T03:28:46.420Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"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/ogrodev.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}},"created_at":"2022-08-23T19:10:15.000Z","updated_at":"2023-07-21T03:28:47.019Z","dependencies_parsed_at":"2023-05-18T15:19:17.863Z","dependency_job_id":null,"html_url":"https://github.com/ogrodev/1st-react-challenge-guilda-dev","commit_stats":null,"previous_names":["ogrodev/1st-react-challenge-guilda-dev"],"tags_count":null,"template":null,"template_full_name":null,"purl":"pkg:github/ogrodev/1st-react-challenge-guilda-dev","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ogrodev%2F1st-react-challenge-guilda-dev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ogrodev%2F1st-react-challenge-guilda-dev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ogrodev%2F1st-react-challenge-guilda-dev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ogrodev%2F1st-react-challenge-guilda-dev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ogrodev","download_url":"https://codeload.github.com/ogrodev/1st-react-challenge-guilda-dev/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ogrodev%2F1st-react-challenge-guilda-dev/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32458277,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T22:27:22.272Z","status":"online","status_checked_at":"2026-04-30T02:00:05.929Z","response_time":57,"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":"2026-04-30T08:05:02.025Z","updated_at":"2026-04-30T08:05:56.651Z","avatar_url":"https://github.com/ogrodev.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 1st React Challenge - Guilda Dev\nWelcome everyone! This is our first code challenge and we are very proud to do it.\nBelow you will find all the instructions needed to build the app, but try to be creative and surprise us, why not.\n\nWe are building our website and all projects will be displayed as our members portfolio.\n\nAll projects will be reviewed by senior professionals and will have immersive feedback at each point of improvement/optimization culminating in an individual mentorship with each participant. We target junior devs but mid-levels can and will be accepted as well.\n\nThis challenge is based on a company test, so you could end up seeing this in an interview 😉\n\n\u003cGood luck \u0026 have fun /\u003e\n\n## First of all\n\nRead these before starting your challenge:\n\n - Read all the instructions\n - Projects will be accepted until August 31, 2022. After that, we will not review it.\n - Mentorship are going to be scheduled between the mentor and mentee.\n - You need to sign up here to be elegible for a code review: https://a6y3j6lvf5o.typeform.com/to/xXTfD5fG\n - Join our discord to send in your project for review: https://discord.gg/hVZ6YZJNH3\n - **You must use: React, Typescript \u0026 create-react-app**, all other technologies are up to you.\n\n## Your challenge is to create a 10 question, true or false, trivia app with React Web.  \n  \n  \nThe application code will be reviewed and scored on these key areas with many subset areas for each:  \n  \n- Functionality  \n- Code Format  \n- Project Structure  \n- Scalability  \n- Maintainability  \n- Use of industry best practices  \n  \n  \n\n## **Specifications**\n  \nThe api url is:  [https://opentdb.com/api.php?amount=10\u0026difficulty=hard\u0026type=boolean  \n](https://opentdb.com/api.php?amount=10\u0026difficulty=hard\u0026type=boolean)  \nSample returned json:  \n```json\n{\n  \"response_code\": 0,\n  \"results\": [\n    {\n      \"category\": \"Entertainment: Video Games\",\n      \"type\": \"boolean\",\n      \"difficulty\": \"hard\",\n      \"question\": \"Unturned originally started as a Roblox game.\",\n      \"correct_answer\": \"True\",\n      \"incorrect_answers\": [\n        \"False\"\n      ]\n    },…]}\n```\n   \n  ---\n**Intro / Home Screen:**  \n\n![](https://raw.githubusercontent.com/g2i/code-challenge-static-assets/master/Intro.png)\n\n-   Static Text\n-   BEGIN button navigates to the Quiz screen and starts the Quiz\n\n**Quiz Screen:**  \n\n![](https://raw.githubusercontent.com/g2i/code-challenge-static-assets/master/Quiz.png)\n\n-   The headline is from question category\n-   The card element contains the current question\n-   The next question should appear after the current question is answered True or False\n-   After all questions have been answered, navigate to the Results Screen\n\n**Results screen:**  \n\n![](https://raw.githubusercontent.com/g2i/code-challenge-static-assets/master/Score.png)\n\n-   The Score shows correct and total\n-   Displays a list of the questions and whether the answer was correct or not\n-   PLAY AGAIN starts over and navigates to the Home Screen\n\n## What will be considered as delivered?\n\n-   Completed the challenge requirements stated above.\n-   Implemented an organised and easily understandable React code following best practices\n-   Included clear instructions and requirements for how to run the app in a Development environment.\n-   Follow JavaScript best practices\n  \n\n## Some tips about best practices   \n\n-   Code Style Practices  [https://github.com/goldbergyoni/nodebestpractices#3-code-style-practices](https://github.com/goldbergyoni/nodebestpractices#3-code-style-practices)\n-   Uses async-await or promises for async error handling  [https://github.com/goldbergyoni/nodebestpractices#-21-use-async-await-or-promises-for-async-error-handling](https://github.com/goldbergyoni/nodebestpractices#-21-use-async-await-or-promises-for-async-error-handling)\n-   Use only built-in error object  [https://github.com/goldbergyoni/nodebestpractices#-22-use-only-the-built-in-error-object](https://github.com/goldbergyoni/nodebestpractices#-22-use-only-the-built-in-error-object)\n-   Always awaits promises  [https://github.com/goldbergyoni/nodebestpractices#-212-always-await-promises-before-returning-to-avoid-a-partial-stacktrace](https://github.com/goldbergyoni/nodebestpractices#-212-always-await-promises-before-returning-to-avoid-a-partial-stacktrace)\n-   Handling of API Errors\n-   Follow clear naming convention -  [https://github.com/kettanaito/naming-cheatsheet](https://github.com/kettanaito/naming-cheatsheet)\n-   Handle navigation and routing properly\n-   Follow the principles of thinking in React  [https://reactjs.org/docs/thinking-in-react.html](https://reactjs.org/docs/thinking-in-react.html)\n-   JavaScript best practices -  [https://exploringjs.com/deep-js/toc.html](https://exploringjs.com/deep-js/toc.html)  and  [https://exploringjs.com/impatient-js/toc.html](https://exploringjs.com/impatient-js/toc.html)\n-   Separation of concerns between UI, Server Data, Business Logic -  [https://khalilstemmler.com/articles/client-side-architecture/introduction/](https://khalilstemmler.com/articles/client-side-architecture/introduction/)\n-   Declarative style of programming - for inspiration  [https://betterprogramming.pub/write-delightful-declarative-javascript-a83c91111e12](https://betterprogramming.pub/write-delightful-declarative-javascript-a83c91111e12).',\n-   UI Responsiveness \u0026 User Experience.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fogrodev%2F1st-react-challenge-guilda-dev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fogrodev%2F1st-react-challenge-guilda-dev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fogrodev%2F1st-react-challenge-guilda-dev/lists"}