main
DBE-S03 - Catálogo de Times com Express e EJS
Aluno: Anderson Valadares Pinto (20251PL.TSIAD0018) [SLS]
Aplicação web desenvolvida para a disciplina de Desenvolvimento Back-End (DBE) - Semana 03. O projeto demonstra a construção de rotas no Express, passagem de dados do servidor para a camada de apresentação e renderização dinâmica de páginas utilizando EJS (Embedded JavaScript) e estilização com Bootstrap 5.
🛠️ Tecnologias Utilizadas
- Node.js: Ambiente de execução JavaScript no servidor com suporte a ES Modules (
"type": "module"). - Express.js: Framework minimalista para criação de servidores HTTP e roteamento dinâmico.
- EJS (Embedded JavaScript): Mecanismo de templates para renderização dinâmica no lado do servidor (SSR).
- Bootstrap 5 & Bootstrap Icons (CDN): Framework CSS responsivo e ícones para uma interface moderna e acessível.
⚽ Clubes e Estádios Cadastrados
Conforme os requisitos da atividade, foram selecionadas equipes com estádios distintos:
- Flamengo: Estádio do Maracanã, Rio de Janeiro - RJ
- Palmeiras: Nubank Parque, São Paulo - SP
- Cruzeiro: Estádio Mineirão, Belo Horizonte - MG
- Athletico-PR: Ligga Arena (Popular, Arena da Baixada), Curitiba - PR
- Bahia: Arena Fonte Nova, Salvador - BA
- Red Bull Bragantino: Estádio Municipal Cícero de Souza Marques, Bragança Paulista - SP
- São Paulo: MorumBIS, São Paulo - SP
📌 Rotas e Endpoints
| Método | Rota | Descrição |
|---|---|---|
GET |
/ |
Página inicial com mensagem de boas-vindas e resumo do catálogo. |
GET |
/times |
Lista completa dos times em formato tabular com identificador, estádio, cidade e link de ação. |
GET |
/times/:id |
Rota dinâmica por ID com conversão de parâmetro numérico, exibindo os detalhes completos do clube ou mensagem amigável de não encontrado (HTTP 404). |
Exemplos de URLs para Testes:
http://localhost:3000/— Boas-vindashttp://localhost:3000/times— Relação completa de clubeshttp://localhost:3000/times/1— Detalhes do Flamengohttp://localhost:3000/times/2— Detalhes do Palmeirashttp://localhost:3000/times/3— Detalhes do Cruzeirohttp://localhost:3000/times/999— Resposta de time não encontrado (404)
📂 Estrutura do Projeto
DBE-S03/
├── views/
│ ├── index.ejs # Página de boas-vindas
│ ├── times.ejs # Listagem tabular com loop EJS
│ └── detalhe.ejs # Exibição detalhada por time ou mensagem de erro
├── .gitignore
├── index.js # Servidor Express, rotas e dados em array
├── package.json # Configurações do projeto e dependências
└── README.md # Documentação do projeto
🚀 Como Executar o Projeto Localmente
-
Clone o repositório:
git clone https://gitea.tsiad.com.br/anderson/DBE-S03.git cd DBE-S03 -
Instale as dependências:
npm install -
Inicie a aplicação:
- Modo padrão:
npm start - Modo de desenvolvimento (watch mode):
npm run dev
- Modo padrão:
-
Acesse no navegador: http://localhost:3000
Languages
EJS
86.3%
JavaScript
13.7%