https://github.com/fernanda-kipper/smartfit-frontend-challenge
Page for searching and filtering open gym units developed during a video on the channel using Angular
https://github.com/fernanda-kipper/smartfit-frontend-challenge
angular angular14 scss scss-framework
Last synced: about 1 year ago
JSON representation
Page for searching and filtering open gym units developed during a video on the channel using Angular
- Host: GitHub
- URL: https://github.com/fernanda-kipper/smartfit-frontend-challenge
- Owner: Fernanda-Kipper
- License: mit
- Created: 2023-10-08T03:40:57.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-20T00:45:41.000Z (over 2 years ago)
- Last Synced: 2025-04-08T07:59:56.913Z (about 1 year ago)
- Topics: angular, angular14, scss, scss-framework
- Language: TypeScript
- Homepage: https://www.youtube.com/watch?v=ozZXMkp8MnQ
- Size: 398 KB
- Stars: 24
- Watchers: 1
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Desafio Frontend - Smart Fit
Este repositório contém a solução para o desafio de [Front-end da Smart Fit](https://github.com/bioritmo/front-end-code-challenge-smartsite/tree/master) 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](https://www.youtube.com/watch?v=ozZXMkp8MnQ).
## 📖 Sobre o desafio
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:
### Funcionalidades
[x] Carrega unidades através do arquivo JSON [locations.json](https://test-frontend-developer.s3.amazonaws.com/data/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.
### Regras de negócio
- 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.
## 🎨 Layout
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.
## ⚙️ Como Executar
Para executar a aplicação localmente, siga os passos abaixo:
1. Clone este repositório:
```bash
git clone https://github.com/Fernanda-Kipper/smartfit-frontend-challenge.git
cd smartfit-frontend-challenge
```
2. Instale as dependências
```bash
npm install
```
3. Inicie a aplicação
```bash
npm start
```
## Licença
Este projeto está sob a licença MIT. Consulte o arquivo [LICENSE](./LICENSE) para obter mais detalhes.