Lbook
Uma aplicação completa, com autenticação, regras de negócio por status e dados persistidos em banco, do front-end à API.
- Categoria
- Aplicação full stack
- Nicho
- Gestão de leituras
- Ano
- 2026
- Papel
- Produto, interface, API, banco de dados e automação de deploy.
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.