Skip to content

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.

License

Notifications You must be signed in to change notification settings

AngleProtocol/merkl-frontend-technical-case

Repository files navigation

This 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.

📒 Case

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.

To achieve this you have to use merkl’s dappkit & api package, which include all the components and functions to handle wallets & fetch merkl’s resources.

✅ Requirements

  • For each opportunity, show at least the opportunity’s name, apr and tvl.
  • Display a maximum of 5 of the user’s tokens sorted by dollar value.
  • Handle wallet connection & switching chains
  • Do not restrict viewing and filtering to connected users

🤩 Bonus ideas

  • Handle pagination with a static/dynamic page size of your choice
  • Handle SSR (being able to share a link to a filtered view)
  • Imagine a filter that we don’t have yet on app.merkl.xyz
  • Tweak the theme of the app or add a theme selector

🚔 Modalities

  • Start from this basic remix app which includes the dappkit w/ a default configuration
  • Submit a pull request
  • Try not to spend more than 3 hours to complete it

Relevant Documentation

https://github.com/AngleProtocol/dappkit

npm: @merkl/api

Merkl Documentation Portal | Merkl Docs

Merkl

Remix - Build Better Websites

License

This project is licensed under the BSD 3-Clause License with Specific Usage Restrictions.

Key Terms

  • Permitted Use: This software may only be used to develop applications (frontend or backend) that directly interface with the Merkl incentive distribution solution.
  • Prohibited Uses:
    • Developing standalone applications unrelated to the original backend.
    • Creating competitive backend services or applications.
    • Reverse engineering the core backend logic.
    • Developing alternative backend implementations.
  • 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 [email protected]

Full License

For detailed terms and conditions, refer to the LICENSE file in this repository.

About

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.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published