Olá, este é o teste que nós vamos usamos para avaliar tecnicamente todas as pessoas que estão participando do processo seletivo para a vaga de Full Stack.
Você deverá criar um fork deste projeto, e desenvolver em cima do seu fork. Use o README principal do seu repositório para nos contar como foi resolver seu teste, as decisões tomadas, como você organizou e separou seu código, e principalmente as instruções de como rodar seu projeto, afinal a primeira pessoa que irá rodar seu projeto será um programador backend de nossa equipe, e se você conseguir explicar para ele como fazer isso, você já começou bem!
Mostre que você é bom e nos impressione, mas não esqueça do objetivo do projeto.
Neste desafio você irá desenvolver uma plataforma de marketplace.
- Neste marketplace o usuário visualizará os produtos da loja.
- Ao clicar no produto, ele visualizará os detalhes do produto e terá a opção de selecionar a quantidade e adicionar ao carrinho.
- Após adicionar os produtos ao carrinho, o usuário precisará criar uma conta e se autenticar para realizar o pedido.
- Após a realização do pedido, um modal de feedback irá aparecer.
Observação Estamos disponibilizando o figma do projeto para ser seguido:
O protótipo é navegável, através dele você conseguirá ver todo o fluxo.
- Ver na solução a utilização do NextJs no frontend e do NestJS ou Fastify ou Express no backend.
- Um HTML escrito da maneira mais semântica possível.
- Layout responsivo.
- Testes unitários no backend.
- Documentação no swagger da API.
- Utilização de alguma arquitetura no backend e a explicação do motivo da escolha dessa arquitetura.
- Descobrir que não foi você quem fez seu teste.
- Ver commits grandes, sem muita explicação nas mensagens em seu repositório.
- Fidelidade do visual em relação ao proposto no figma.
- Histórico de commits do git.
- As instruções de como rodar o projeto.
- Organização, semântica, estrutura, legibilidade, manutenibilidade do seu código.
- Alcance dos objetivos propostos.
- Adaptação mobile (layout responsivo).
- Componentização e extensibilidade dos componentes React.
Aqui está um deploy para mostrar a aplicação funcionando.
https://flowlab-technical-test.vercel.app/
- Primeiro, vá para a pasta do frontend:
cd frontend
- installe as dependências e rode o aplicativo
npm install
npm run dev
- Abra http://localhost:3000 com seu browser para ver o resultado..
- Infelizmente não consegui concluí o que foi pedido por falta de tempo.
- Teve uma falta de energia na minha região e demorei um pouco pra me situar com o NextJS e com o tailwindcss, se eu tivesse mais um ou dois dias eu teria feito o projeto como solicitado.
- Agradeço pela oportunidade de ter essa experiência de toda forma.