Todos os projetos
04Projeto autoral

Lbook

Uma aplicação para organizar leituras, acompanhar o progresso e registrar resenhas em um fluxo único.

Categoria
Aplicação full stack
Nicho
Gestão de leituras
Ano
2026
Papel
Produto, interface, API, banco de dados e automação de deploy.
Telas do Lbook no desktop e no celular, com a estante de livros

Contexto

Projeto autoral, um caderno pessoal de leituras.

Objetivo

Organizar leituras, acompanhar o progresso e registrar resenhas em um só lugar.

Tecnologias

  • React
  • Vite
  • Tailwind CSS
  • Supabase
  • PostgreSQL

O desafio

Leituras ficam espalhadas entre listas, notas e lembranças. Status, progresso e opinião raramente ficam no mesmo lugar.

Cada livro concentra um único registro com status, página atual, avaliação por critérios e resenha. A interface muda conforme o status para mostrar só o que faz sentido naquele momento.

Arquitetura técnica

Uma única base de front-end fala com três camadas de dados por meio de adaptadores. Isso permite uma demo estática, o app com login e um modo local com API própria.

  • App: React na Vercel com Supabase (Auth, PostgreSQL com RLS e Storage)
  • Legado: API Express com PostgreSQL e upload de capas com Multer
  • Demo: dados no localStorage, publicada por GitHub Actions

Implementação

React, Vite e Tailwind CSS na interface, Node.js e Express na API, PostgreSQL com migrações SQL e GitHub Actions no deploy da demo.

  • Status: minha biblioteca, quero comprar, lendo, lido e abandonei
  • Busca por título ou autor sem diferenciar acentos
  • Avaliação em quatro critérios: enredo, personagens, edição e final
  • Barra de progresso por página durante a leitura
  • CRUD completo com upload de capa

O que este case não afirma

  • A demo guarda os dados só no navegador e não sincroniza entre dispositivos.
  • A confirmação de e-mail está desativada na primeira versão.
  • O modo legado exige PostgreSQL local.
  • Projeto autoral, sem dados de uso publicados.

Tem um projeto em mente?

Sua empresa pode sero próximo projeto.

Se você precisa criar um site do zero ou melhorar o que já tem, conte o que precisa. Respondo com os próximos passos.

Disponível para projetos

WhatsApp