{"id":22192524,"url":"https://github.com/3sidedcube/web-developer-test-cube-academy","last_synced_at":"2026-03-19T22:03:45.635Z","repository":{"id":79436624,"uuid":"342555434","full_name":"3sidedcube/web-developer-test-cube-academy","owner":"3sidedcube","description":null,"archived":false,"fork":false,"pushed_at":"2023-10-12T10:35:17.000Z","size":4,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-30T01:22:30.371Z","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/3sidedcube.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":"2021-02-26T11:30:05.000Z","updated_at":"2023-10-17T22:05:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"8996e6aa-b12f-48e0-8f63-65ad3eb8529e","html_url":"https://github.com/3sidedcube/web-developer-test-cube-academy","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Fweb-developer-test-cube-academy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Fweb-developer-test-cube-academy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Fweb-developer-test-cube-academy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Fweb-developer-test-cube-academy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/3sidedcube","download_url":"https://codeload.github.com/3sidedcube/web-developer-test-cube-academy/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245351757,"owners_count":20601090,"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-12-02T12:25:44.277Z","updated_at":"2026-01-05T22:30:31.570Z","avatar_url":"https://github.com/3sidedcube.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 3SC Web Developer Task - Cube Academy\n\nThis task is designed to assess how you will go about building a web application. You must demonstrate your ability to:\n\n- Write readable, and well structured code\n- Interpret and follow designs\n\n## Brief\n\nBuild a cube of the month nomination frontend that integrates with an API.\n\nYou should attempt to follow the [designs](https://www.figma.com/file/j9opgFDjgfmgsIcTpkvyEt/FED-Mini-Task-Flow?type=design\u0026mode=design\u0026t=cvBjihTJPiiIVaGK-1).\n\nThe designs include:\n\n- A design system (to help with creating a \"theme\" and re-usable elements).\n- Desktop and Mobile layouts (please use both these to create the site in a responsive way).\n\nThe designs act as a source of truth for functional requirements.\n\nApproach this task critically and come to the table with compromises, assumptions or questions when the picture isn't clear.\n\n## Useful links\n\n- Designs: [Figma](https://www.figma.com/file/j9opgFDjgfmgsIcTpkvyEt/FED-Mini-Task-Flow?type=design\u0026mode=design\u0026t=cvBjihTJPiiIVaGK-1)\n- API documentation: [OpenAPI docs](https://cube-academy-api.cubeapis.com/docs)\n\n### Requirements\n\nPlease consider using the following technologies:\n\n- **Language:** Typescript or Javascript\n- **Framework:** React.js (this could be in the form of any react framework, e.g. Next.js, Vite, Create React App)\n- **Styling:** [Tailwind.css](https://tailwindcss.com/) (or similar utility based CSS frameworks)\n- **Forms:** [React Hook Form](https://react-hook-form.com/) with yup validation ([see the docs on validation](https://react-hook-form.com/))\n- **REST requests:** [Tanstack Query (useQuery)](https://tanstack.com/query/latest) - Combine this with [openapi-codegen](https://github.com/fabien0102/openapi-codegen) for auto generated hooks from our API documentation!\n\n## API requests\n\nPlease read the [OpenAPI docs](https://cube-academy-api.cubeapis.com/docs) documentation before beginning.\n\nYou do not need to create a sign up and login flow (if you have time feel free to!) - this can be a one off request to obtain an authentication token to do further requests from.\n\nThe Authentication for the API must add a bearer token to authenticated requests.\n\nE.g.\n\n```\n{\n  \"authorization\": `Bearer ${token}`\n}\n```\n\n## Submission\n\n- The Submission must have version control history (.git directory) - this is essential so we can see how you went about implementing your solution.\n- Can be zipped up and sent to us via [cubeacademy@3sidedcube.com](mailto:cubeacademy@3sidedcube.com?subject=Cube%20Academy%20Test) or hosted on GitHub.\n- Please ensure that with your solution you include the following documentation (this can be included as part of a `README.md` or separate document)\n  - A brief \"Getting Started guide\" on how to open the project locally\n  - Did you have any challenges and if so, how did you overcome them?\n  - Did you use any extra technologies and why?\n  - Did you add any extra features?\n  - If you had more time, what else would you implement?\n\n## Questions?\n\nIf you have any questions about any of the above please get in touch with us at [cubeacademy@3sidedcube.com](mailto:cubeacademy@3sidedcube.com?subject=Cube%20Academy%20Test)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3sidedcube%2Fweb-developer-test-cube-academy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F3sidedcube%2Fweb-developer-test-cube-academy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3sidedcube%2Fweb-developer-test-cube-academy/lists"}