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

You can find the layout in the layout-jsm.png file.

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
• @tassioFront

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 😌