https://github.com/rafaelalmendra/smartfit-challange
Page for searching and filtering open gym units developed during a video on the channel using Angular
https://github.com/rafaelalmendra/smartfit-challange
angular angular17 scss typescript
Last synced: 2 months 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/rafaelalmendra/smartfit-challange
- Owner: Rafaelalmendra
- Created: 2024-05-03T16:13:18.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-03T18:19:17.000Z (about 2 years ago)
- Last Synced: 2025-01-01T11:43:02.201Z (over 1 year ago)
- Topics: angular, angular17, scss, typescript
- Language: TypeScript
- Homepage:
- Size: 254 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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). Utilizei o framework Angular para desenvolver a aplicação.
## 📖 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.
- 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/Rafaelalmendra/smartfit-challange.git
cd smartfit-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.