RDRoberto - Dev
Todos os casos

Estuda+ — Gerenciador Inteligente de Estudos

Gerenciador inteligente de estudos — offline, sem cadastro, pronto para instalar.

Tela de estatísticas e indicadores do Estuda+

Visão geral

PWA de organização de estudos que funciona 100% offline, sem cadastro e sem servidor. Os dados ficam no dispositivo do usuário — estudar não depende de internet nem de conta.

Contexto

Projeto de autoria própria. Nasceu da necessidade de organizar meus próprios estudos e da mesma dor observada em outras pessoas que estudam sozinhas.

Para quem é

Estudantes autodidatas (concursos, idiomas, cursos online) que usam materiais variados e precisam de um lugar único para acompanhar evolução — sem assinatura e sem depender de conexão.

O problema

Quem estuda por conta própria — livros, cursos, vídeos, PDFs, artigos — raramente acompanha progresso, metas ou tempo dedicado. As ferramentas existentes cobram recursos essenciais, exigem internet constante ou poluem a tela com funções que ninguém usa.

A solução

Uma aplicação instalável em computador e celular que reúne o essencial: cadastro de estudos, sessões de aprendizado, metas, progresso, estatísticas, Pomodoro, relatórios e exportação.

Funcionalidades

DisponívelPlanejada

Cadastro de estudos

Disponível

Organize materiais, cursos, livros e disciplinas em um único lugar.

Sessões de aprendizado

Disponível

Registre cada sessão com data, duração e material estudado.

Metas

Disponível

Defina metas de tempo e frequência por estudo ou disciplina.

Progresso

Disponível

Acompanhe o avanço de cursos e livros de forma visual.

Estatísticas

Disponível

Gráficos de dedicação, tempo por material e evolução.

Pomodoro

Disponível

Técnica de foco integrada ao registro das sessões.

Relatórios

Disponível

Resumo do desempenho por período, material e meta.

Exportação de dados

Disponível

Exporte seu histórico em PDF e CSV quando precisar.

Instalação no dispositivo

Disponível

Instale no computador ou celular como um aplicativo nativo.

Funcionamento offline

Disponível

Uso completo sem internet — inclusive relatórios e estatísticas.

Sincronização entre dispositivos

Planejada

Opção de sincronizar os dados em múltiplos dispositivos.

Simulados com correção

Planejada

Simulados com correção automática e histórico de desempenho.

Alertas de rotina

Planejada

Lembretes de estudo e de metas em risco de não cumprimento.

Arquitetura e decisões técnicas

Front-end

  • HTML5
  • CSS3
  • JavaScript ES6+

Persistência

  • LocalStorage

Visualização e exportação

  • Chart.js
  • jsPDF
  • CSV

PWA

  • Manifest
  • Service Worker
  • Cache Offline

Sem framework, de propósito

O escopo não exigia um framework: menos dependências, carregamento rápido em qualquer dispositivo e operação sem servidor. JavaScript modular (ES Modules) manteve o código organizado.

LocalStorage com schema versionado

Mudanças na estrutura de dados precisavam sobreviver a atualizações. Cada versão de schema tem uma migração, evitando dados corrompidos.

Service Worker com cache-first

Para o offline ser real, os assets são pré-cacheados na instalação e a navegação funciona em cache runtime.

Desafios e como foram resolvidos

Persistência consistente no LocalStorage

Versionamento de schema com migrações por versão; cada leitura valida e atualiza a estrutura antes de usar.

Offline completo e instalável

Precache de todos os assets no Service Worker e estratégia cache-first com fallback offline.

Estatísticas sempre atualizadas

Indicadores derivados dos dados brutos a cada alteração — nunca armazenados como cópia, o que evita inconsistências.

Boa experiência em qualquer tela

Design mobile-first com breakpoints testados de 320px a desktop.

Resultados

  • Aplicação instalável em Windows, macOS, Android e iOS.
  • Funcionamento completo offline — a aplicação não depende de rede para nenhuma funcionalidade.
  • Nenhum dado do usuário sai do dispositivo: sem coleta, sem rastreamento.
  • Navegação por teclado e leitores de tela.
  • A arquitetura estudada aqui (módulos JS, PWA, Service Workers) foi a base para os projetos seguintes em React e Next.js.

Screenshots

Lista de estudos e metas do Estuda+
Sessão de estudo com Pomodoro no Estuda+

O que aprendi

  • Manipulação de DOM
  • Arquitetura JavaScript modular
  • Gerenciamento de estado local
  • Progressive Web Apps e Service Workers
  • Cache offline
  • Responsividade mobile-first
  • Visualização de dados
  • Experiência do usuário

Próximas evoluções

Sincronização entre dispositivos

Planejada

Conta opcional com sincronização via Supabase.

Simulados com correção automática

Planejada

Cadastro de questões com correção e histórico de desempenho.

Alertas de rotina

Planejada

Lembretes de estudo e metas em risco.

Tem um problema parecido? Vamos resolver.

Cada case deste portfólio começou como a sua situação: um processo manual que precisava de software.

Próximo case

Ministério+