← Project Portfolio

library.jbahsn.com

LaravelTailwindCSSMySQLPDF.jsStPageFlip
Description Web-based digital library that converts PDFs into interactive flipbooks.
Key Features
  • Upload and manage PDF collections via an admin dashboard.
  • Convert PDFs to interactive flipbooks using PDF.js + StPageFlip.
  • Metadata search and collection pagination.
  • User access control and collection management.
Live Preview library.jbahsn.com/

Problem

Many institutions publish learning materials as static PDFs, which are hard to read on mobile devices and inconvenient to browse online.

Technical solution & architecture

The application is a web platform built with Laravel for the backend and MySQL for metadata storage. PDFs are rendered with PDF.js and presented as interactive flipbooks via StPageFlip to provide a book-like reading experience. An admin dashboard handles uploads, metadata editing, and access control. The frontend uses TailwindCSS for a lightweight responsive UI.

Key components:

  • Backend: Laravel API + admin panel for uploads, metadata, and permissions.
  • Storage: PDFs stored in application storage with metadata indexed in MySQL.
  • Viewer: PDF.js + StPageFlip for interactive flipbook rendering.
  • UI: TailwindCSS for consistent responsive styles.

Results / Impact

The platform improves accessibility to reading materials across devices by offering an in-browser interactive reading experience without forcing users to download large PDF files. It simplifies content distribution and increases engagement for remote learners.