Este projeto é uma aplicação web desenvolvida em Angular que simula um portal educacional, inspirado no projeto Educa100 em Java. O sistema suporta três tipos de usuários: alunos, professores e administradores, cada um com funcionalidades específicas.
Esse software foi desenvolvido para a gestão de escolas. Ele resolve o problema da burocracia no cadastro de turmas, alunos, notas e docentes, permitindo que o usuário possa realizar esses cadastros em seu computador pessoal ou até mesmo no celular. Outro problema solucionado está na área dos alunos, que podem acessar suas notas facilmente pelo computador ou celular.
- Angular 18
- TypeScript
- SCSS
- HTML
- JSON
- Metodología GitFLow
- Kanban/Trello
- Criar, deletar e atualizar informações de alunos e docentes.
- Criar turmas.
- Visualizar todos os docentes e alunos cadastrados.
- Criar notas para os alunos.
- Visualizar todos os alunos.
- Visualizar suas próprias notas.
O sistema possui várias rotas para atender às diferentes necessidades dos usuários:
/login: Rota para autenticação de usuários./home: Página inicial após o login./cadastro-turma: Para administradores ou docentes criarem novas turmas./cadastro-nota: Para administradores ou docentes registrarem notas dos alunos./cadastro-aluno: Para administradores cadastrarem novos alunos./cadastro-docente: Para administradores cadastrarem novos docentes./listagem-docente: Para visualizar todos os docentes cadastrados./notas-aluno: Para alunos visualizarem suas notas.
O sistema também implementa uma lógica de bloqueio de rotas baseada no tipo de usuário logado, garantindo que cada usuário só tenha acesso às funcionalidades permitidas para seu perfil.
ADM- usuario: adm
- senha: 12345
Docente- usuario: [email protected]
- senha: 12345678
Aluno- usuario: [email protected]
- senha: 12345678
Para iniciar este projeto, você precisará de dois terminais abertos simultaneamente:
ng serve
npx json-server --watch db.json
Antes de iniciar o projeto, certifique-se de instalar todas as dependências necessárias executando o seguinte comando na raiz do projeto:
npm install
Para baixar e instalar todas as dependências necessárias para o projeto, siga os passos abaixo:
- Abra um terminal na pasta do projeto.
- Execute o comando
npm install. - Após a conclusão da instalação, você pode prosseguir com os passos descritos anteriormente para iniciar o projeto.
Se você ainda não tem o Angular CLI instalado globalmente em sua máquina, siga os passos abaixo para instalá-lo:
- Abra um terminal.
- Execute o seguinte comando para instalar o Angular CLI globalmente:
npm install -g @angular/cli
Este comando instalará a versão mais recente do Angular CLI, permitindo que você crie novos projetos Angular, gere componentes, serviços e muito mais.
Neste projeto, foi utilizada a biblioteca externa NG Prime para melhorar a interface do usuário com componentes prontos e estilizados.
A implementação de uma lista de turmas e outra de notas, com a possibilidade de edição e exclusão, além de funcionalidades adicionais para a página inicial do aluno, como o calendário de futuras provas. Além disso, uma maior estilização em SCSS, tornando o site mais agradável esteticamente e decorando as telas predominantemente brancas.