Este repositório contém a solução para o desafio de Front-end da Smart Fit.
Eu utilizei o Next.js para desenvolver a aplicação.
A Smart Fit, atuando no segmento de fitness, passou por várias mudanças durante a pandemia. Foi necessário desenvolver uma página para buscar unidades abertas ou fechadas para consulta e reserva.
Neste desafio, foi implementado as seguintes funcionalidades de acordo com as regras de negócio definidas:
-
Carrega unidades através do arquivo JSON locations.json utilizando o método
GET
. -
Busca por todas as unidades.
-
Busca por unidades com filtros.
-
Previsão do número de resultados encontrados.
-
Listagem das unidades encontradas após a busca.
- Filtra unidades abertas ou fechadas.
- Filtra unidades por período de funcionamento.
- Exibe a mensagem "Nenhuma unidade encontrada" quando não há resultados.
- Valida e exibe os ícones corretos de acordo com o status da unidade.
O layout da aplicação foi baseado nos materiais disponibilizados, incluindo designs para dispositivos móveis e desktop, cores, imagens e fontes. A fidelidade ao layout proposto foi mantida, e a aplicação é responsiva para dispositivos móveis, tablets e desktops.
Para executar a aplicação localmente, siga os passos abaixo:
- Clone este repositório:
git clone https://github.com/evertonpavan/code-challenge-front-end-smart-fit-site.git
cd code-challenge-front-end-smart-fit-site
- Entre no repositório e instale as dependências
cd code-challenge-front-end-smart-fit-site
pnpm install
- Inicie a aplicação
npm run dev
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para obter mais detalhes.