O SYNESIS é uma plataforma educacional criada para transformar o ensino profissionalizante, impulsionando a performance de alunos e professores.

Através de uma abordagem divertida, competitiva e educativa, nosso objetivo é duplo: expandir a capacidade intelectual dos alunos e fornecer aos professores as ferramentas necessárias para garantir que o conhecimento seja absorvido de forma eficaz e engajadora.

• Angular 19
• TypeScript
• HTML / CSS
• JSON-Server (para simular API back-end)
• Node.js (ambiente de execução)

• 🔐 Autenticação de usuários (login, registro e recuperação de senha)
• 📅 Calendário interativo para controle de eventos e atividades
• ⏱️ Pomodoro e To-do List para melhorar a produtividade e planejamento
• 🧾 Dashboard com estatísticas e informações principais
• ⚙️ Gerenciamento de usuários e permissões
• 📝 CRUD (Create, Read, Update e Delete) para que gestores possam enviar atividades e os alunos responderem
• 🌙 Modo claro e escuro para melhor acessibilidade
• 🏆 Exercícios e quizzes competitivos para reforçar a consolidação do aprendizado

A estrutura de pastas principal do projeto está organizada da seguinte forma para manter o código modular, escalável e seguindo as boas práticas do Angular.

.
├── back-end/
│   ┗ db.json           # False API RESTful 
├── node_modules/
├── public/
├── src/
│   ├── app/
│   │   ├── core/         # Módulos, serviços e modelos centrais (singleton)
│   │   │   ├── components/
│   │   │   ├── guards/
│   │   │   ├── models/
│   │   │   └── services/
│   │   ├── features/     # Funcionalidades de negócio da aplicação (páginas)
│   │   │   ├── apps/
│   │   │   ├── auth/
│   │   │   ├── courses/
│   │   │   ├── dashboard/
│   │   │   └── settings/
│   │   ├── shared/       # Componentes, pipes e diretivas reutilizáveis
│   │   │   ├── components/
│   │   │   ├── validator/
│   │   │   └── shared.module.ts
│   │   ├── app.component.css
│   │   ├── app.component.html
│   │   ├── app.component.spec.ts
│   │   ├── app.component.ts
│   │   ├── app.config.ts
│   │   └── app.routes.ts
│   ├── assets/         # Arquivos estáticos como imagens, fontes e ícones
│   ├── index.html
│   ├── main.ts
│   └── styles.css
├── angular.json
├── package-lock.json
├── package.json
└── ...

Siga os passos abaixo para configurar e rodar o projeto em seu ambiente local.

Antes de começar, você vai precisar ter as seguintes ferramentas instaladas em sua máquina:

• Node.js (Recomendado: versão LTS)
• Angular CLI
• Git

Você também precisará do json-server, que pode ser instalado globalmente com o seguinte comando:

npm install -g json-server

1. Clone o Repositório

   Primeiro, clone este repositório para a sua máquina local usando o terminal:

   git clone [https://seu-link-para-o-repositorio.git](https://seu-link-para-o-repositorio.git)

2. Acesse a Pasta do Projeto

   cd nome-do-projeto

3. Instale as Dependências

   Instale todas as dependências necessárias para o front-end e o back-end do projeto:

   npm install

4. Inicie o Back-end (API)

   Em um primeiro terminal, navegue até a pasta back-end e inicie o json-server. A API ficará disponível em http://localhost:3000.

   # Dentro da pasta principal do projeto, navegue para o back-end
   cd back-end
   
   # Inicie o servidor
   json-server --watch db.json --port 3000

5. Inicie o Front-end (Aplicação Angular)

   Abra um segundo terminal (mantenha o primeiro rodando o back-end) e execute o comando abaixo para iniciar a aplicação Angular.

   ng serve -o

   O comando -o abrirá automaticamente o seu navegador na página http://localhost:4200/.

O SYNESIS é uma solução acadêmica completa, projetada especificamente para instituições de ensino médio profissionalizante que buscam potencializar o desempenho de seus alunos.

A plataforma centraliza materiais de estudo, facilita a comunicação entre professores e alunos, e oferece ferramentas robustas para o acompanhamento contínuo do progresso individual, garantindo que cada estudante atinja seu máximo potencial e esteja mais preparado para o mercado de trabalho.

• Acesso Seguro e Personalizado: Sistema completo de autenticação (login, registro e recuperação de senha) para garantir a privacidade e a segurança dos dados de cada usuário.

• Dashboard de Performance: Painel visual com gráficos e estatísticas chave, onde alunos e professores podem acompanhar o progresso acadêmico e o engajamento em tempo real.

• Gestão de Atividades Interativas: Interface completa para que professores e gestores possam criar, distribuir e avaliar atividades (CRUD). Os alunos respondem e recebem feedback diretamente na plataforma.

• Gamificação e Aprendizado Competitivo: Módulo de exercícios e quizzes com ranking para estimular a participação, aprofundar o conhecimento e tornar o aprendizado mais divertido.

• Ferramentas de Foco e Produtividade: Inclui a técnica Pomodoro e To-do lists integradas para ajudar os alunos a gerenciar seu tempo de estudo e organizar suas tarefas de forma eficaz.

• Organização e Planejamento: Calendário interativo para que toda a comunidade acadêmica possa controlar eventos, prazos de entrega e atividades importantes.

• Interface Adaptável: Modo claro e escuro (Light/Dark Mode) para garantir conforto visual e maior acessibilidade em diferentes ambientes.

• Administração Flexível: Sistema de gerenciamento de usuários e permissões, permitindo controle total sobre os níveis de acesso da plataforma.

Feito por Jorge Luis Dos Santos

Desenvolvedor Frond-end

Entre em contato ou veja outros projetos!