Este repositório contém a solução para o desafio de Front-end da Smart Fit desenvolvido durante o vídeo em meu canal. Eu utilizei o framework Angular para desenvolver a aplicação, e você pode assistir o vídeo onde resolvi o desafio em meu canal aqui.
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:
[x] Carrega unidades através do arquivo JSON locations.json utilizando o método GET.
[x] Busca por todas as unidades.
[x] Busca por unidades com filtros.
[x] Previsão do número de resultados encontrados.
[x] 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/Fernanda-Kipper/smartfit-frontend-challenge.git
cd smartfit-frontend-challenge
- Instale as dependências
npm install- Inicie a aplicação
npm startEste projeto está sob a licença MIT. Consulte o arquivo LICENSE para obter mais detalhes.