Teste Técnico Frontend
Juntos Somos Mais
A Juntos Somos Mais é a maior rede de relacionamento da construção civil com benefícios exclusivos para lojistas, profissionais de obra e indústria
Sobre o Teste
Este desafio técnico de desenvolvimento consiste em criar uma aplicação front-end utilizando as tecnologias de sua escolha. O objetivo principal é testar suas habilidades em desenvolvimento front-end, incluindo estilo de código, conhecimento de frameworks e outras tecnologias, boas práticas, testes e habilidades em UI/UX. O desafio envolve desenvolver um layout baseado em um protótipo no Figma, implementar funcionalidades como filtrar por estado, pesquisar por nome, paginação e navegação entre os cards de clientes. Também é necessário criar uma página interna com mais detalhes sobre os clientes. O desafio inclui o uso de uma API disponível em https://jsm-challenges.s3.amazonaws.com/frontend-challenge.json.
Instruções do Teste
<frontend-developer />
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 😌