Skip to main content
[ BACK TO PROJECTS ]
BOSS FIGHT // CASE STUDY

FluentReads

A modern online store specializing in the sale of English books, international exams, and study packages. It features an interactive catalog, functional shopping cart, and checkout flow, built with Astro Islands architecture for maximum performance.

Astro React Tailwind TypeScript
FluentReads online bookstore interface preview
LIFECYCLE
Maintained — stable, not under active development
SOURCE ACCESS
Public repository; source is directly inspectable.
DEMO ACCESS
Live demo available at the hosted preview deployment.
LIMITATIONS
  • Reported Lighthouse scores are point-in-time measurements from development, not a continuously monitored budget.
  • No adoption, sales or production-usage claim is made for this project.

THE BOSS // PROBLEM

English learners lacked a dedicated online store for international exam materials and graded readers. Existing options on general e-commerce platforms had poor categorization and no study-package bundling.

THE STRATEGY // APPROACH

Architected an Astro Islands storefront with React micro-interactions for the cart and checkout. Implemented a server-side catalog with dynamic filtering, shopping cart with localStorage persistence, and a streamlined checkout flow.

THE SACRIFICE // TRADE-OFFS

Used Astro Islands for the cart to keep the page lightweight (zero JS on static content). Accepted longer initial development time to build a custom checkout instead of embedding a third-party payment widget.

VICTORY // OUTCOME

A fast, SEO-friendly e-commerce site serving English learners with categorized books, exams, and study packages. Lighthouse scores: 95+ Performance, 100 Accessibility.

DURATION

2 months

ROLE

Solo Developer

XP GAINED // KEY LEARNINGS

  • Astro Islands architecture for progressive hydration of interactive elements
  • Shopping cart state management across page navigations
  • SEO optimization strategies for e-commerce product pages