Functional Bookstore Demo

About This Demo

This bookstore demonstrates a complete e-commerce flow with Xote's routing capabilities:

• Multi-Route Navigation - Four routes: catalog, cart, checkout, and order confirmation
• Router Integration - Uses Xote Router for SPA navigation with clean URLs
• Shopping Cart - Add/remove items, adjust quantities, real-time total calculation
• Checkout Flow - Multi-step process with form handling and validation
• State Management - Cart persists across navigation, reactive updates throughout
• Active Link Highlighting - Navigation shows current route

The app showcases Xote's routing system working seamlessly with signals for state management. All navigation is client-side with no page reloads, and the browser's back/forward buttons work correctly.

Routing Features Demonstrated

• Route Definition - Declarative routing with pattern matching
• Router.link - SPA navigation without page reloads
• Router.routes - Rendering components based on URL patterns
• Router.location - Reactive signal tracking current route
• Router.push - Programmatic navigation (checkout → order confirmation)
• Clean URLs - Routes: /, /catalog, /about, /cart, /checkout, /order-confirmed

The Books

Enjoy browsing our curated collection of 12 fictional books with absurd titles like:

• "The Reactive Manifesto: A Monad's Journey" by Dr. Lambda Calculus
• "Currying for Beginners: One Argument at a Time" by Haskell B. Curry Jr.
• "Recursion: See Recursion" by Stack O. Verflow
• "The Side Effect Strikes Back" by I. O. Monad

All priced in our fictional currency: Functors (Ƒ) 💰