Installation

This project is based on NextJS 13, and requires node 16.13.0 or higher.

Installation

npm install

Running the application

npm run dev

Your assignment

We are going to display a list of trending companies on our start page, your assigment is to create a list of companies that we can display on our start page. The design is not complete, but should give you a good idea on what direction to take. The code provided is functional, but it’s difficult to read and understand. It needs significant refactoring to improve its structure and maintainability.

You can find a link to the Figma here.

Instructions

You can make any modifications or suggestions for modifications that you see fit. Fork this repository and deliver your results via a pull-request or send us an e-mail. You could also create a gist, for privacy reasons, and send us the link.

During a technical interview, we will discuss this task and have a closer look at the code together with you. You should be able to explain your considerations of the code implementation.

Completion time

The time you spend on this test is not limited. The idea is to take your time, respect the assignment, and send us the result when you are happy with it. But please let us know if there are circumstances delaying your submission of the code.

What we expect

• A clean and well-structured readable code, where it is easy to understand what is going on
• Organizing the code in a way where every function or component is responsible for only one thing
• Usage of Typescript, and good practices using interfaces where needed

Appreciated with the implementation

⚠️ Those are not required, but can give you some advice how to make your task look even better.

• Unit and functional tests: a 100% coverage is not necessary, just make them pertinent
• Good accessibility practices
• Usage of the state co-location pattern

Technical constraints

• Use React 17+ and TypeScript