{"id":25369689,"url":"https://github.com/angleprotocol/merkl-frontend-technical-case","last_synced_at":"2025-04-09T07:17:09.430Z","repository":{"id":276781059,"uuid":"930249188","full_name":"AngleProtocol/merkl-frontend-technical-case","owner":"AngleProtocol","description":"Make a minimal version of the merkl app where a user can connect, switch chains, check their token balances and filter opportunities on selected tokens + 1 or more other filters/sorting of your choice.","archived":false,"fork":false,"pushed_at":"2025-02-10T11:38:05.000Z","size":345,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-02-10T12:28:37.350Z","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":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AngleProtocol.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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-10T10:24:18.000Z","updated_at":"2025-02-10T11:38:08.000Z","dependencies_parsed_at":"2025-02-10T12:29:27.795Z","dependency_job_id":"28c6563c-b470-4f3c-9a2d-10dafefec4b2","html_url":"https://github.com/AngleProtocol/merkl-frontend-technical-case","commit_stats":null,"previous_names":["angleprotocol/merkl-frontend-technical-case"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AngleProtocol%2Fmerkl-frontend-technical-case","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AngleProtocol%2Fmerkl-frontend-technical-case/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AngleProtocol%2Fmerkl-frontend-technical-case/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AngleProtocol%2Fmerkl-frontend-technical-case/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AngleProtocol","download_url":"https://codeload.github.com/AngleProtocol/merkl-frontend-technical-case/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247994136,"owners_count":21030050,"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-02-15T01:30:33.139Z","updated_at":"2025-04-09T07:17:09.409Z","avatar_url":"https://github.com/AngleProtocol.png","language":"TypeScript","readme":"\nThis case is destined to front end software engineers to validate skills such as state management, code architecture, git usage, merkl libraries usage and providing feedback.\n\n# 📒 Case\n\nMake a minimal version of the merkl app where a user can connect, switch chains, check their token balances and filter opportunities on selected tokens + 1 or more other filters/sorting of your choice.\n\nTo achieve this you have to use merkl’s [dappkit](https://github.com/AngleProtocol/dappkit) \u0026 [api package](https://www.npmjs.com/package/@merkl/api?activeTab=readme), which include all the components and functions to handle wallets \u0026 fetch merkl’s resources.\n\n# ✅ Requirements\n\n- [ ]  For each opportunity, show at least the opportunity’s name, apr and tvl.\n- [ ]  Display a maximum of 5 of the user’s tokens sorted by dollar value.\n- [ ]  Handle wallet connection \u0026 switching chains\n- [ ]  Do not restrict viewing and filtering to connected users\n\n### 🤩 Bonus ideas\n\n- [ ]  Handle pagination with a static/dynamic page size of your choice\n- [ ]  Handle SSR (being able to share a link to a filtered view)\n- [ ]  Imagine a filter that we don’t have yet on [app.merkl.xyz](http://app.merkl.xyz)\n- [ ]  Tweak the theme of the app or add a theme selector\n\n# 🚔 Modalities\n\n- Start from this basic remix app which includes the dappkit w/ a default configuration\n- Submit a pull request\n- Try not to spend more than 3 hours to complete it\n\n# Relevant Documentation\n\nhttps://github.com/AngleProtocol/dappkit\n\n[npm: @merkl/api](https://www.npmjs.com/package/@merkl/api?activeTab=readme)\n\n[Merkl Documentation Portal | Merkl Docs](https://docs.merkl.xyz/)\n\n[Merkl](https://app.merkl.xyz/)\n\n[Remix - Build Better Websites](https://remix.run/)\n\n# License\n\nThis project is licensed under the **BSD 3-Clause License with Specific Usage Restrictions**.\n\n## Key Terms\n\n- **Permitted Use**: This software may only be used to develop applications (frontend or backend) that directly interface with the Merkl incentive distribution solution.\n- **Prohibited Uses**:\n  - Developing standalone applications unrelated to the original backend.\n  - Creating competitive backend services or applications.\n  - Reverse engineering the core backend logic.\n  - Developing alternative backend implementations.\n- **Commercial Use**: Commercial use of this software, including incorporating it into paid products or services, is **strictly prohibited without prior written approval** from Angle Labs, Inc. For inquiries regarding commercial use, contact [contact@merkl.xyz](contact@merkl.xyz)\n\n## Full License\n\nFor detailed terms and conditions, refer to the [`LICENSE`](./LICENSE) file in this repository.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangleprotocol%2Fmerkl-frontend-technical-case","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangleprotocol%2Fmerkl-frontend-technical-case","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangleprotocol%2Fmerkl-frontend-technical-case/lists"}