Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🦁 Lion School SENAI

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.


📚 Sobre o Projeto

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.

🚀 Tecnologias Utilizadas

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • JavaScript Modules
  • Fetch API
  • API REST

📁 Estrutura do Projeto

lion-school/
│
├── css/
│   ├── reset.css
│   └── style.css
├── img/
├── js/
│   ├── pages/
│   ├── router/
│   └── main.js
├── index.html
└── README.md

⚙️ Funcionalidades

  • ✅ 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

💻 Como executar

  1. Clone o repositório
git clone https://github.com/gustavidal/lion-school.git
  1. Entre na pasta
cd lion-school
  1. Abra o projeto utilizando um servidor local.

Exemplos:

  • Live Server (VS Code)
  • XAMPP
  • Apache
  • Vite (opcional)

🎯 Objetivos de Aprendizagem

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

👨‍🏫 Informações Acadêmicas

  • Instituição: SENAI Jandira
  • Curso: Técnico em Desenvolvimento de Sistemas
  • Semestre: 3º e último semestre
  • Disciplina: Frontend
  • Professor: Fernando Leonid

👨‍💻 Desenvolvedor

Projeto desenvolvido como atividade acadêmica do SENAI Jandira.


📄 Licença

Este projeto foi desenvolvido exclusivamente para fins educacionais.

About

Projeto Lion School SENAI

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages