Portefólio
Projeto conceptual2026

Tangente

Explicações de Matemática e Física e Química

TecnologiaAplicaçõesServiços
Paleta
Explorar projeto
tangente.pt
Tangente

Pré-visualização do conceito · estilo: Quadro digital · lima e azul

01

Visão geral

Categoria

TecnologiaAplicaçõesServiços

Setor

Explicações de Matemática e Física e Química

Tipo

Projeto conceptual

Complexidade

Complexo

Ano

2026

Estilo visual

Quadro digital · lima e azul

02

O desafio & a solução

01

O desafio

Projeto de website para um explicador de Matemática e de Física e Química que dá aulas online e numa sala própria, do 5.º ano ao ensino superior. A ideia foi fazer do site um quadro digital: fundo branco, tinta azul-escura e duas canetas, verde-lima e azul. As fórmulas vão compostas numa letra de manual, e os gráficos e esquemas desenham-se à vista.

02

O que fizemos

No topo, um quadro resolve três exercícios passo a passo — uma parábola, um movimento com aceleração constante e uma equação química por acertar — e basta mudar de separador para ver outro. Mais abaixo há um mini-desafio de três perguntas por nível, que mostra a resolução depois de cada resposta e leva o que se falhou já escrito para o pedido de aula. O pedido não é um formulário que submete: monta a mensagem à medida que se preenche e abre o WhatsApp ou o email com ela pronta. No telemóvel fica sempre à mão uma barra com WhatsApp, Ligar e Pedir aula.

Por trás do site público há um sistema com login. No painel, o professor marca aulas fixas e avulsas, regista presenças e sumários, passa trabalhos de casa, publica resumos e fichas, mantém um banco de exercícios com resolução explicada, responde às dúvidas e aponta as mensalidades. Cada aluno entra na sua área e encontra a próxima aula, os trabalhos por fazer, os materiais que lhe dizem respeito, exercícios corrigidos na hora e uma caixa para mandar dúvidas com fotografia. As contas são criadas pelo professor, com código de primeiro acesso, palavras-passe cifradas (bcrypt), sessão em cookie assinado e limite de tentativas de entrada, sobre uma base de dados Postgres.

03

O resultado

A demonstração aqui ao lado é a parte pública do site, sem base de dados. A ligação "Área do aluno" abre uma página com capturas de ecrã do painel do professor e da área do aluno, tiradas com dados de teste.

Em destaque

Explicações
Setor
Painel · área do aluno
Sistema
Formulário → WhatsApp
Pedido de aula
03

Funcionalidades

  • Quadro com exercícios resolvidos passo a passo
  • Mini-desafio por nível, com resolução
  • Pedido de aula que abre o WhatsApp já escrito
  • Painel do professor: aulas, presenças, sumários e TPC
  • Área do aluno: materiais, exercícios e dúvidas
  • Contas criadas pelo professor, com palavra-passe cifrada
04

Design responsivo

Pensado para funcionar bem em qualquer ecrã — do computador ao telemóvel.

tangente.pt
Tangente — computador
Tangente — telemóvel
05

Tecnologia & função

Tecnologia

Next.js 16TypeScriptTailwindPostgreSQLbcrypt

O que fiz

  • Produto
  • Design
  • Full-stack
  • Base de dados
06

Objetivo do conceito

Demonstrar como Tangente poderia ganhar vida — explicações de Matemática e Física e Química — com uma identidade quadro digital · lima e azul, do design ao desenvolvimento e sem recorrer a templates.

Continue a explorar

Escolha outro projeto

WhatsAppPedir orçamento