Back to projects

Selected project

Bookbox — Online Bookstore

A Swiss online bookstore that makes a catalog of millions of books accessible through advanced search, detailed category navigation, customer accounts, checkout, and online payment.

Bookbox homepage with book search, product navigation, promotional banners, and customer service links
Bookbox books category page with nested filters, product results, prices, sorting, and pagination
Bookbox search results page showing matching books, prices, sorting, and cart actions
Bookbox school customer page with procurement services and a detailed contact form

Storefront homepage combining catalog search, product navigation, promotions, and customer-service entry points.

01 / 04

Project overview

Bookbox is a Swiss e-commerce storefront for discovering and buying from a database of millions of books. Customers can search by title, author, or ISBN, browse a deep category structure, compare results, manage an account, and continue through cart, checkout, and payment flows. The site also supports specialized customer journeys such as book procurement for schools.

The challenge

The main challenge was turning a very large external catalog into a clear shopping experience. Search results, nested categories, product availability, customer authentication, and payment state all come from connected services, but they still need to feel like one responsive and predictable storefront.

Build decisions

Make catalog discovery immediate

A prominent search supports title, author, and ISBN queries, while nested categories provide a second route through the catalog for customers who want to browse rather than search.

Keep remote data coordinated

TanStack Query manages book and category requests from the external API, keeping loading, caching, refresh, and error states consistent across catalog views.

Connect authentication to the existing service

NextAuth.js manages the application session while the customer login flow remains connected to the external account API.

Carry the customer through payment

The storefront connects product selection, account state, cart, checkout, and payment into one commerce flow without exposing the boundaries between the website and its external services.

Use one interface system

Mantine UI provides consistent controls and layouts for search, catalog results, account screens, purchase actions, and service forms across the storefront.

Delivery shape

Delivered as a public Next.js commerce website built with Mantine UI, TanStack Query, and NextAuth.js, connected to external APIs for a multi-million-book catalog, detailed categories, customer login, and payment workflows.