The 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.
You can find the Figma design to implement here.
- Clone this repository
- Integrate the following pages
- quests
- quests/:questSlug
- Implement the "Airdrop Rewards to the Guardian" logic using Jotai
Please note that the API endpoints are already implemented in
/app/api/quests
and/app/api/quest
the project is already configured and ready to be used with these libraries
- Use useQuery hook from react-query to fetch data from the API for the
/quests
page. - Leverage the NextJs features to statically generate the
/quests/:questSlug
pages. - Use Styled Components to style the application.
- Use Jotai to manage the "Airdrop Rewards to the Guardian" logic.
- Make sure the application is fully functional on both desktop and mobile devices.
- Follow the provided Figma design.
- Code quality and adherence to best practices
- Correctness of the implementation
- Performance and scalability
- Knowledge of the libraries used