Sistema de Gerenciamento Escolar v3.0

Sistema moderno de gerenciamento escolar que funciona 100% online usando MongoDB Atlas, com arquitetura robusta e escalável na nuvem.

Características Principais

Sistema de Autenticação

• Login com Email e Senha
• Login com Google OAuth (Integrado e seguro)
• Emails únicos no sistema
• Sessões persistentes
• Logout seguro

Perfis de Usuário

• Professor: Gerencia suas turmas e atividades
• Diretor: Acesso administrativo completo

Interface Moderna

• Design inspirado em redes sociais profissionais
• Modo Escuro como padrão
• Glassmorphism e gradientes vibrantes
• Animações suaves e micro-interações
• Totalmente responsivo (desktop, tablet, mobile)

Banco de Dados

• MongoDB Atlas para armazenamento em nuvem
• Estrutura de dados robusta e escalável
• Collections: usuarios, professores, diretores, controle_salas, controle_turmas, configuracoes_escola

Estrutura do Projeto

sistema-cadastro-escolar-v2/
├── login.html                 # Página de login/registro
├── escolher-perfil.html      # Escolha de perfil (Professor/Diretor)
├── cadastro-professor.html   # Cadastro do perfil de professor
├── cadastro-diretor.html     # Cadastro do perfil de diretor
├── dashboard.html            # Dashboard principal
├── css/
│   ├── variables.css         # Variáveis e design tokens
│   ├── base.css             # Reset e estilos base
│   ├── components-new.css   # Componentes reutilizáveis
│   ├── login-new.css        # Estilos da tela de login
│   └── perfil.css           # Estilos da escolha de perfil
└── js/
    ├── database.js          # Gerenciador IndexedDB
    ├── auth.js              # Gerenciador de autenticação
    ├── utils.js             # Funções utilitárias
    ├── login.js             # Lógica da tela de login
    └── perfil.js            # Lógica da escolha de perfil
        

Como Usar

1. Abrir o Sistema

Abra o arquivo login.html no navegador.

2. Criar uma Conta

Opção 1: Email e Senha

1. Clique na tab "Criar Conta"
2. Preencha: Nome, Email, Senha
3. Clique em "Criar Conta"

Opção 2: Google

1. Clique em "Cadastrar com Google"
2. No modal, informe: Email do Gmail, Nome completo, URL da foto (opcional)
3. Clique em "Confirmar"

3. Escolher Perfil

Após o login, escolha:

• Professor: Para gerenciar turmas
• Diretor: Para administrar a escola

Especificações Técnicas

Perfil do Professor

Campos Obrigatórios: Nome, Sala Principal (1ºA até 5ºD), Matérias (array)

Regra Especial: Se selecionar "Inglês" ou "Educação Física", o campo "Salas Adicionais" é liberado

{
  "_id": "ObjectId",
  "idUsuario": "ObjectId",
  "tipo": "professor",
  "nome": "Maria Silva",
  "salaPrincipal": "3ºB",
  "materias": ["Português", "Matemática"]
}

Infraestrutura Cloud

O sistema utiliza:

1. MongoDB Atlas: Banco de dados NoSQL gerenciado na nuvem.
2. Node.js & Express: Backend robusto para gestão de requisições.
3. Integração Contínua: Deploy automatizado.

Design System

• Cores: Azul (#4c9aff), Roxo (#7c3aed), Laranja (#f59e0b)
• Fontes: Inter, Fira Code
• Componentes: Botões, Cards (glassmorphism), Inputs, Modais, Toasts

Tecnologias

• HTML5, CSS3, JavaScript (Vanilla & Node.js)
• MongoDB/Mongoose (Atlas)
• Express (API REST)