O Books nasceu de uma necessidade recorrente: clientes que precisavam publicar catálogos, manuais e portfólios digitais, mas não queriam pagar por plataformas caras como Issuu ou FlippingBook. A solução foi construir uma plataforma própria que transforma qualquer PDF em um flipbook interativo com efeito de virada de página.
O pipeline técnico é robusto: o usuário faz upload de um PDF, o backend processa cada página com pdf2image + Pillow (redimensionamento, compressão WebP, geração de thumbnails), e o frontend renderiza as imagens com um leitor de página dupla responsivo. Lazy loading com IntersectionObserver garante que apenas as páginas visíveis são carregadas.
- Tipo
- Plataforma SaaS
- Entrega
- Junho 2025
- Stack
- Vue 3 · FastAPI · MySQL · Docker
- Domínio
- books.artthi.studio ↗
O que foi construído Funcionalidades
-
Leitor Flipbook. Visualizador de página dupla com animação suave de virada. Páginas renderizadas como imagens otimizadas (WebP) com zoom, tela cheia e navegação por teclado. Responsivo — em mobile exibe página única.
-
Biblioteca Organizada. Dashboard com todos os flipbooks do usuário. Capa gerada automaticamente a partir da primeira página. Busca, filtros por categoria e ordenação por data de criação.
-
Controle de Acesso. Flipbooks podem ser públicos, protegidos por senha ou restritos a usuários convidados. Link compartilhável com expiração opcional. Ideal para propostas comerciais e materiais confidenciais.
-
Embed via iFrame. Qualquer flipbook pode ser incorporado em sites externos com um snippet de iFrame. Responsivo, com controle de altura/largura e opção de esconder a barra de navegação.
-
Analytics de Leitura. Rastreamento de visualizações por flipbook e por página. Heatmap de engajamento: quais páginas são mais lidas, tempo médio por página e taxa de conclusão.
-
Performance. Pipeline de processamento em background: PDF → imagem → compressão → CDN. As páginas são carregadas sob demanda com IntersectionObserver. Um flipbook de 100 páginas abre em menos de 1 segundo.
O pipeline de processamento usa pdf2image + Pillow para converter PDFs em imagens otimizadas. Cada página é redimensionada, comprimida em WebP e armazenada com thumbnails para carregamento progressivo. O leitor frontend usa IntersectionObserver para lazy loading inteligente.
- 70%
- redução de tamanho vs PDF
- <1s
- tempo de abertura
- 3 pgs
- lazy load por vez
- iFrame
- embed em qualquer site