{"id":29465831,"url":"https://github.com/buildwithcode888/ng-frontend-application","last_synced_at":"2025-07-14T08:21:04.018Z","repository":{"id":241892030,"uuid":"807515122","full_name":"buildwithcode888/ng-frontend-application","owner":"buildwithcode888","description":null,"archived":false,"fork":false,"pushed_at":"2024-05-30T13:14:17.000Z","size":774,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-11T12:54:00.643Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/buildwithcode888.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-29T08:47:30.000Z","updated_at":"2024-05-30T13:14:20.000Z","dependencies_parsed_at":"2024-05-30T15:17:31.704Z","dependency_job_id":"abe1c589-3160-47d2-b67e-c9a15696b545","html_url":"https://github.com/buildwithcode888/ng-frontend-application","commit_stats":null,"previous_names":["v0410/ng-frontend-application","buildwithcode888/ng-frontend-application"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/buildwithcode888/ng-frontend-application","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buildwithcode888%2Fng-frontend-application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buildwithcode888%2Fng-frontend-application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buildwithcode888%2Fng-frontend-application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buildwithcode888%2Fng-frontend-application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/buildwithcode888","download_url":"https://codeload.github.com/buildwithcode888/ng-frontend-application/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buildwithcode888%2Fng-frontend-application/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265262570,"owners_count":23736420,"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":"2025-07-14T08:21:03.477Z","updated_at":"2025-07-14T08:21:04.005Z","avatar_url":"https://github.com/buildwithcode888.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Technical Test for Frontend Developer\n\n## Overview\n\nThe goal of this test is to evaluate your skills as a frontend developer. You will build a small Next.js application that displays a list of quests and navigates the user to the quest page upon clicking.\n\nYou can find the Figma design to implement [here](https://www.figma.com/file/gL07N5fiYjJgzC2Iq7rvv8/NG-Frontend-Application?type=design\u0026node-id=0%3A1\u0026mode=design\u0026t=9ypnuVirENWfK9sr-1).\n\n## Tasks\n\n- Clone this repository\n- Integrate the following pages\n  - quests\n  - quests/:questSlug\n- Implement the \"Airdrop Rewards to the Guardian\" logic using [Jotai](https://jotai.org/)\n\n\u003e Please note that the API endpoints are already implemented in `/app/api/quests` and `/app/api/quest`\n\n## Libraries\n\n- [Nextjs](https://nextjs.org/)\n- [React](https://reactjs.org/)\n- [Typescript](https://www.typescriptlang.org/)\n- [Jotai](https://jotai.org/)\n- [react-query](https://react-query.tanstack.com/)\n- [Styled Components](https://styled-components.com/)\n- [Axios](https://axios-http.com/)\n\n\u003e the project is already configured and ready to be used with these libraries\n\n## Requirements\n\n- Use useQuery hook from react-query to fetch data from the API for the `/quests` page.\n- Leverage the NextJs features to statically generate the `/quests/:questSlug` pages.\n- Use Styled Components to style the application.\n- Use Jotai to manage the \"Airdrop Rewards to the Guardian\" logic.\n- Make sure the application is fully functional on both desktop and mobile devices.\n- Follow the provided Figma design.\n\n## Evaluation Criteria\n\n- Code quality and adherence to best practices\n- Correctness of the implementation\n- Performance and scalability\n- Knowledge of the libraries used\n\n## Submitting the test\n\n1. Publish your code to a public repository or add [Swiiny](https://github.com/swiiny) as a collaborator to your private repository.\n2. Send an email to [jobs@nodeguardians.io](mailto:jobs@nodeguardians.io) with the following information:\n   - The link to your repository\n   - Your resume as an attachment\n   - Any other relevant information\n3. In the email subject, please write: \"Technical Test for Frontend Developer\" + your name\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuildwithcode888%2Fng-frontend-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbuildwithcode888%2Fng-frontend-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuildwithcode888%2Fng-frontend-application/lists"}