Sistema web desenvolvido durante o 3º e último semestre do Curso Técnico em Desenvolvimento de Sistemas do SENAI Jandira, como atividade da disciplina de Frontend, ministrada pelo Professor Fernando Leonid.
O projeto consome uma API para exibir informações sobre cursos e alunos da Lion School, permitindo visualizar os cursos disponíveis, listar seus respectivos estudantes e consultar detalhes individuais.
O Lion School é uma aplicação web desenvolvida com HTML5, CSS3 e JavaScript ES6 Modules, utilizando uma arquitetura modular e renderização dinâmica de páginas sem recarregar o navegador.
A aplicação permite:
- Visualizar os cursos disponíveis;
- Selecionar um curso;
- Listar os alunos do curso escolhido;
- Filtrar alunos por situação (Cursando ou Finalizado);
- Visualizar informações completas de cada aluno;
- Navegação dinâmica entre as páginas.
- HTML5
- CSS3
- JavaScript (ES6+)
- JavaScript Modules
- Fetch API
- API REST
lion-school/
│
├── css/
│ ├── reset.css
│ └── style.css
├── img/
├── js/
│ ├── pages/
│ ├── router/
│ └── main.js
├── index.html
└── README.md
- ✅ Página inicial com seleção de cursos
- ✅ Listagem de alunos por curso
- ✅ Filtro por status
- ✅ Página individual de cada aluno
- ✅ Navegação SPA (Single Page Application)
- ✅ Consumo de API utilizando Fetch
- ✅ Interface responsiva
- Clone o repositório
git clone https://github.com/gustavidal/lion-school.git- Entre na pasta
cd lion-school- Abra o projeto utilizando um servidor local.
Exemplos:
- Live Server (VS Code)
- XAMPP
- Apache
- Vite (opcional)
Durante o desenvolvimento deste projeto foram aplicados conceitos de:
- Manipulação do DOM
- Modularização de código
- Organização em componentes
- Consumo de APIs REST
- Programação assíncrona (
async/await) - Navegação dinâmica
- Responsividade
- Boas práticas de Frontend
- Instituição: SENAI Jandira
- Curso: Técnico em Desenvolvimento de Sistemas
- Semestre: 3º e último semestre
- Disciplina: Frontend
- Professor: Fernando Leonid
Projeto desenvolvido como atividade acadêmica do SENAI Jandira.
Este projeto foi desenvolvido exclusivamente para fins educacionais.