The main objective of this challenge is to test your skills in Front-end Development
- Your coding style;
- Knowledge on frameworks and other technologies;
- Good practices;
- Tests;
- Your skills about UI/UX.
You can check some 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:
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