Technical Test for Frontend Developer

Overview

The goal of this test is to evaluate your skills as a frontend developer. You will be building a small Nextjs application that displays a list of quests and sends the user to the quest page on click.

You can find the Figma design to implement here.

Tasks

• Clone this repository
• Fetch and display a list of quests using /api/quests.
• Generate quest pages using Nextjs getStaticPaths and getStaticProps methods. Quests data are available at /api/quests/:id.
• Implement a responsive design that works well on both desktop and mobile devices.

Libraries

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

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.
• Use Styled Components to style the application.
• 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

To go the extra mile

• Write tests using Cypress
• Add any improvements you think are relevant

Submitting the test

1. Publish your code to a public repository or add JeremyTheintz as a collaborator to your private repository.
2. Send an email to [email protected] with the following information:
   • The link to your repository
   • Your resume as an attachment
   • Any other relevant information
3. In the email subject, please write: "Technical Test for Frontend Developer" + your name