.
├── .routes
│ ├── characters.py
│ ├── episodes.py
│ └── locations.py
├── templates
│ ├── characters
│ | | details.html
│ | └── list.html
│ ├── episodes
│ | | details.html
│ | └── list.html
│ └── locations
│ | | details.html
│ | └── list.html
│ └── base.html
├── utils
│ └── config.py
├── .env
├── .gitignore
├── main.py
├── README.md
└── requirements.txt
- Criamos uma pasta
/routes
onde teremos para cada rota um arquivo .py para facilitar a organização. - Criamos uma pasta
/templates
onde estará todos os templates (arquivos.html) que utilizamos para renderizar a página html. - Criamos uma pasta
/utils
ela ficará todas as funções que acharmos necessários para compartilhamento e uso geral do projeto. Ex: criamos aapi_url
para facilitar a chamada da URL base da API que utilizamos.
- Temos um arquivo
.env
onde fica nossas variáveis de sistema .
- Criado o arquivo
base.html
que servirá como base de template dos arquivos em html, nele já temos configurado o bootstrap 5.
Para o consumo dos dados utilizamos a The Rick and Morty API
obs: executar os seguintes comandos no terminal (cmd)
# Crie um ambiente virtual
python -m venv .venv
# Ative o ambiente virtual (Windows)
.venv\Scripts\activate
# ou Ative o ambiente virtual (Unix/macOS)
source .venv/bin/activate
# Instale as dependências
# como boa prática criamos o requirements.txt que contém todas as todas as bibliotecas utilizadas
pip install -r requirements.txt
# Rodando o projeto
# acessar a porta padrão no navegador -> Running on http://127.0.0.1:5000
# Lembrando que para acessar o projeto ele precisará ficar rodando no seu terminal
flask --app main run --debug
Method | URL | Description |
---|---|---|
GET |
/characters |
Listagem de todos os personagens. |
GET |
/characters/23 |
Retorna o personagem de id #23. |
GET |
/episodes |
Listagem de todos os episódios. |
GET |
/episodes/28 |
Retorna o episódio de id #28. |
GET |
/locations |
Listagem de todas as localizações. |
GET |
/locations/28 |
Retorna a localização de id #28. |
Se você tiver algum comentário, entre em contato conosco em @squad-hedy-lamar 💜.