Teste Técnico Frontend Júnior

👋 Introdução

Bem-vindo(a) ao teste técnico para desenvolvedores(as) frontend da Orbesoft! Este desafio tem como objetivo avaliar suas habilidades como desenvolvedor(a) frontend.

🎯 Objetivo

Desenvolva uma aplicação de e-commerce para a venda de bicicletas. A aplicação deve permitir que os usuários naveguem por um catálogo de bicicletas, visualizem detalhes dos produtos, adicionem produtos ao carrinho e finalizem a compra.

📌 Requisitos

• Catálogo de bicicletas

  • Listagem com imagem, nome, preço e descrição.
  • Paginação.
  • Filtro por marca.
  • Ordenação por menor preço ou maior preço.
  • Busca por nome.

• Página de detalhes da bicicleta

  • Imagem da bicicleta.
  • Nome, preço e descrição completa.
  • Opção de adicionar ao carrinho.

• Carrinho de compras

  • Adicionar e remover produtos.
  • Visualizar e atualizar quantidade de itens no carrinho.

🛠️ Ferramentas e Tecnologias (Obrigatórias)

• Next.js
• TypeScript
• TailwindCSS
• React Query
• Axios
• Zod
• React Hook Form

🔗 Links

• Figma do Projeto
• API

📋 Critérios de Avaliação

• Gerenciamento de estado.
• Componentização.
• Responsividade.
• Preocupação com usabilidade.
• Preocupação com acessibilidade.
• Padrões de código.
• Padrão de commits (Conventional).
• Funcionalidade.
• Qualidade do código.
• Documentação.
• Criatividade e inovação.

✨ Diferencial

• Implementação de testes unitários (Jest, React Testing Library).
• Uso de bibliotecas de gerenciamento de estado (Zustand).
• Utilização de SSR (Server-Side Rendering) com Next.js.
• Integração com Stripe para fluxo de pagamento.
• Desempenho otimizado da aplicação.
• Implementação de boas práticas de SEO.
• Configuração de CI/CD (Github Actions).
• Implementação de testes e2e (Cypress, Playwright).

📅 Entrega

• Faça um fork deste repositório.
• Crie uma branch com seu nome-sobrenome.
• Abra um pull request (PR) para submeter sua solução.