Front-end Smart Fit

Esse é um pequeno projeto criado como base para a avaliação de habilidades técnicas para o papel de Front-end.

Preview

preview

Proposta de Teste

A Smart Fit, por atuar no segmento de fitness, passou por várias mudanças na pandemia. Foi necessário desenvolver uma página para buscar unidades fechadas ou abertas para consulta e reserva.

Optamos por não disponibilizar a API de buscas de unidades abertas/fechadas original para esse teste.

Nesse teste você implementará as funcionalidades descritas abaixos. Tenha atenção com as regras de negócios definidas mais adiante.

Lembre-se de seguir o layout proposto em _material.

Caso não consiga concluir todas as funcionalidade, lembre-se que o mais importante é termos noção da qualidade do código e de suas habilidades para projeto de sistemas. Nesse caso, complemente sua solução com comentários e documentação sobre como terminaria o teste.

Funcionalidades

  • Carrega unidades através do arquivo json https://test-frontend-developer.s3.amazonaws.com/data/locations.json com method GET
  • Busca todas as unidades
  • Busca unidades com filtros
  • Mostra previsão de resultados encontrados
  • Mostra unidades ao buscar

Regras de negócio

  • Filtrar unidades abertas ou fechadas
  • Filtrar unidades por período de funcionamento
  • Caso não encontre unidades, mostrar uma menssagem ao usuário "Nenhuma unidade encontrada"
  • Validar para mostrar ícones corretos de acordo com o status

Componentes Macro

  • Formulário de busca com filtros
  • Legenda
  • Lista de unidades

Materiais disponíveis

Em ./_material você encontra:

  • layout (mobile e desktop)
  • Textos
  • Cores
  • imagens
  • fonts

Entrega

No seu github, crie um repositório público com o teste e nos envie (caso queira enviar a url do app funcionando no Heroku, vercel ou equivalente seria um plus)

Não faça Pull Request para esse repositório.

Avaliação

  • Instruções no README.md
  • Lógica de programação
  • Qualidade de código
  • Qualidade de entrega (como se fosse para produção)
  • Fidelidade ao layout proposto
  • Responsive design
  • cross browser and device (mobile, tablet e desktop)

Plus

  • Teste unitário e e2e (teste apenas o que achar mais importante).
  • Travis CI
  • App em produção (Ex.: Heroku, Vercel e etc...)
  • Rodando com Docker localmente