Technical Test for Frontend Developer

Overview

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.

Tasks

• 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

Libraries

• Nextjs
• React
• Typescript
• Jotai
• react-query
• Styled Components
• Axios

the project is already configured and ready to be used with these libraries

Requirements

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

Evaluation Criteria

• Code quality and adherence to best practices
• Correctness of the implementation
• Performance and scalability
• Knowledge of the libraries used