The main objective of this challenge is to test your skills in Front-end Development 🥳

• Your coding style;
• Knowledge of frameworks and other technologies;
• Good practices;
• Tests;
• Your skills in UI/UX.

You can check some of our Front-end Development patterns in our frontend-guideline repository 😁

Rules

• Your code should be made available in a private repository on your personal Github;
• You can feel free to choose your favorite architectures, frameworks, libs and technologies;
• Ideally, you can deliver the challenge within 10 days. But if you need more time, let us know 😊

The Challenge

About the layout

The following Figma layout needs to be developed.

The logo is the same as the one in the repository.

It's important to say that it is just a prototype! We would also like to see your ability to propose improvements, features and new contributions to the product's UI 😄!

Feel completely free to make improvements such as:

• Adding new functionalities;
• Creating animations;
• Developing visual optimizations;
• etc

You also can add new filters if you want 😋

About the API

The JSON that you need to develop for this application is available at:

• https://jsm-challenges.s3.amazonaws.com/frontend-challenge.json

Feel free to use BFF (Back-end for Front-end) before using it on the client-side, if you think that if it makes sense 👀!

About the project

You should develop:

• Filter by state;
• Search by name and/or last name;
• Pagination to navigate between cards;
• Navigation when clicking on customer cards;
• An internal page with more details of customers (use your creativity);
• We'll be happy (😍) if you write tests for it.

Sending the Challenge

After finishing the Challenge you could provide repo access to the:

• @felipefialho
• @MayaraRMA

Then send an email to [email protected], with:

• Title: [Front-end Developer] Your name;
• Repository link with your test;
• Information about you: Github, LinkedIn and everything you consider important;

Questions

If you have any questions or suggestions, send your questions directly to us ([email protected]) or open an issue. But, before that, please, make sure that your question hasn't been answered on a previous issue 😌