https://github.com/kleutons/angular-smartfit

Desafio de frontend feito para a rede de academias SmartFit, um projeto desenvolvido com Angular que utiliza a API externa para listar academias abertas ou fechadas. O objetivo deste desafio é aprimorar minhas habilidades técnicas no desenvolvimento de software.
https://github.com/kleutons/angular-smartfit

angular angular2 json

Last synced: 15 days ago
JSON representation

Desafio de frontend feito para a rede de academias SmartFit, um projeto desenvolvido com Angular que utiliza a API externa para listar academias abertas ou fechadas. O objetivo deste desafio é aprimorar minhas habilidades técnicas no desenvolvimento de software.

• Host: GitHub
• URL: https://github.com/kleutons/angular-smartfit
• Owner: kleutons
• Created: 2023-10-26T13:45:50.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-12T14:16:32.000Z (11 months ago)
• Last Synced: 2024-10-10T11:42:00.227Z (about 1 month ago)
• Topics: angular, angular2, json
• Language: TypeScript
• Homepage: https://kleutons.github.io/angular-smartfit/
• Size: 856 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🚀 Desafio Rede Smartfit 

Seja bem-vindo(a) a este desafio de frontend feito para a rede de academias SmartFit, um projeto desenvolvido com Angular que utiliza a API externa para listar academias abertas ou fechadas. O objetivo deste desafio é aprimorar minhas habilidades técnicas no desenvolvimento de software.

- Link do desafio: [Smartfit](https://github.com/bioritmo/front-end-code-challenge-smartsite)

## [Visualize o Projeto Online](https://kleutons.github.io/angular-smartfit/)

- Link: https://kleutons.github.io/angular-smartfit/

 

### Capturas de Tela

![Captura de Tela do Aplicativo](.github/prototype.png)

## 📋 Desafios do Projeto

- [x] Carrega unidades através do arquivo json `https://test-frontend-developer.s3.amazonaws.com/data/locations.json` com method `GET`

- [x] Busca todas as unidades

- [x] Busca unidades com filtros

- [x] Mostra previsão de resultados encontrados

- [x] Mostra unidades ao buscar

- [x] Filtrar unidades abertas ou fechadas

- [x] Filtrar unidades por período de funcionamento

- [x] Caso não encontre unidades, mostrar uma menssagem ao usuário "Nenhuma unidade encontrada"

- [x] Validar para mostrar ícones corretos de acordo com o status

## 👨‍💻 Instruções de Instalação

### Servidor de Desenvolvimento

Execute o comando `ng serve` para iniciar um servidor de desenvolvimento. Acesse o site em `http://localhost:4200/`. O aplicativo será recarregado automaticamente.

## 👨‍💻 Sobre Mim

### Criado com 💙 por [@kleutons](https://github.com/kleutons)

### Contato

- [LinkedIn](https://www.linkedin.com/in/kleuton-novais/)

- [Portfólio](https://kleuton.dev)

### Fique à vontade para compartilhar seu feedback e sugestões sobre esta solução. Estou ansioso para ouvir sua opinião.