fokus.

Um ambiente de estudo imersivo, focado em alta performance e guiado por Inteligência Artificial.

Plataforma desenvolvida para estudantes que buscam concentração profunda, organização estratégica e suporte contextual por IA.

---

📖 Sobre o Projeto

O fokus. é um Hub de Aprendizado de Alta Performance desenvolvido para estudantes que precisam de máxima eficiência durante sessões intensivas de estudo.

A plataforma combina:

• 🧠 Organização acadêmica
• ⏱️ Gestão inteligente de tempo
• 🤖 Assistência contextual via Inteligência Artificial
• 📂 Centralização de materiais
• 📈 Monitoramento de produtividade

Tudo isso dentro de uma interface minimalista inspirada em Dark Tech / Cyberpunk, com um modo claro baseado em estética industrial moderna.

---

🧠 Modus Operandi por Disciplina

O principal diferencial do fokus. é o sistema de Modus Operandi por Disciplina.

Em vez de utilizar um assistente genérico, cada disciplina possui um contexto próprio configurável.

Fluxo

1. Cadastro da disciplina

Configure:

• Nome da matéria
• Professor responsável
• Diretrizes personalizadas de aprendizado

2. Personalização da IA

Exemplo:

"Foque em resolução matemática passo a passo. Não entregue respostas finais diretamente. Utilize método socrático e análise assintótica."

3. Arena de Estudo

Ao acessar a disciplina, a IA recebe automaticamente essas diretrizes como contexto da sessão.

Resultado:

✔️ Respostas contextualizadas
✔️ Maior profundidade técnica
✔️ Menor necessidade de reexplicação
✔️ Experiência personalizada por matéria

---

⚡ Funcionalidades

📊 Dashboard Analítico

Sistema Bento Grid contendo:

• Horas líquidas por disciplina
• Sequência de foco (streak)
• Tarefas pendentes
• Monitoramento de produtividade

---

🤖 Arena de IA

Interface integrada para:

• Engenharia rápida de prompts
• Resumos automatizados
• Resolução de dúvidas
• Aprendizado guiado

---

📁 Gerenciador Inteligente de Arquivos

Upload local de:

• PDF
• PPTX
• XLSX
• Imagens

O sistema identifica automaticamente o tipo do arquivo e adapta:

• Ícones
• Cores
• Aparência visual

Exemplos:

🔴 PDF
🟠 Apresentações
🟢 Planilhas

---

📅 Sistema Multifuncional de Abas

Alternância instantânea entre:

• Chat IA
• Resumos
• Materiais
• Calendário de avaliações

Sem recarregamento de página.

---

⏳ Pomodoro Nativo

Cronômetro persistente durante toda navegação.

Características:

• Mantém estado entre abas
• Sempre visível
• Ciclos automáticos de foco e pausa

---

🔗 Links Estratégicos

Área dedicada para:

• Sistemas acadêmicos
• APIs
• Documentações
• Repositórios GitHub
• Ferramentas externas

---

🎨 Sistema de Temas

Neon Dark

Background: #000000
Accent: #A78BFF

• Preto absoluto
• Destaques em roxo neon
• Glow suave
• Otimizado para estudos noturnos

Industrial Light

• Tons de cimento
• Cinzas suaves
• Alto conforto visual

A preferência do usuário é persistida via:

localStorage

---

🛠️ Stack Tecnológica

Frontend

• React
• TypeScript
• Vite
• React Router DOM
• CSS Modules
• Lucide React

Arquitetura

✔️ Componentização escalável
✔️ Tipagem estática robusta
✔️ Lazy Initialization
✔️ SPA (Single Page Application)
✔️ Nested Routes
✔️ Isolamento de estilos por componente

---

🚀 Executando Localmente

Clone o projeto

git clone https://github.com/seu-usuario/fokus.git

Entre na pasta

cd fokus

Instale as dependências

npm install

Execute localmente

npm run dev

Abra:

http://localhost:5173

---

🎨 Design System

Tema Escuro

Elemento	Cor
Background	#000000
Surface	#111111
Accent	#A78BFF

UX

• Redução de fadiga visual
• Números estáveis via:

font-variant-numeric: tabular-nums;

• Foco em mínima distração
• Alta legibilidade

---

📌 Objetivo

Criar uma plataforma que transforme estudo intenso em um processo mais organizado, estratégico e sustentável.

---

Desenvolvido com foco e engenharia por

Vitor Schuler Velloso Borges