Web Development

BiblioPod

Browser-based E-Reader

BiblioPod Project Screenshot

01

Overview

While on break at my job, I struggled to find a simple way to read eBooks without losing my notes or progress. Most eBook readers required installations, which wasn't an option on my work computer. I searched for a browser-based solution but found nothing that truly met my needs. So, I built one.

Role

Full-stack Developer

Timeline

3 months, 2024

Tools

React, Laravel

02

Process

Problem Definition

I identified several key requirements: the reader needed to work entirely in the browser without installations, save reading progress automatically, and provide annotation capabilities that wouldn't be lost when closing the browser.

BiblioPod Research Process

Development Challenges

The biggest technical challenges were implementing and combining API and Parsing system for fetching ebook data and reading the ebooks, also creating a persistent storage solution that would work across sessions. I used the browser's localStorage as a temporary measure to save different Settings such as dark mode and font size to store user data and reading progress, but as a permanent storage option I used Laravel.

BiblioPod Development Process

03

Results

BiblioPod now serves as my primary e-reader, offering a clean reading experience with customizable typography, dark mode, and annotation tools. The project has also gained traction among colleagues who faced similar constraints in their workplace environments.

BiblioPod Results

Next Project

LATR