Poglavlje Vlku
Standalone demo frontend for an author and book-ordering website, with local book data, gallery content, cart state and a demo checkout flow.
- Role
- Creator
- Year
- 2026
- Type
- Web Development
- Stack
- Next.js 16, React 19, TypeScript
Overview
Poglavlje Vlku is a standalone portfolio/demo frontend for a Serbian author and online book-ordering website. The demo presents the author, available books, ordering pages, cart review and a checkout form without requiring the original backend runtime.
What was built
The final demo is a Next.js App Router application with routes for /home, /about, /books, /order, /cart and /checkout. The root route redirects to /home, while shared layout components provide the navigation, toast provider, footer and Serbian metadata.
Standalone demo conversion
The original repository is a full-stack monorepo with a Next.js frontend, ASP.NET Core API, EF Core, SQLite, JWT admin routes and MailKit. The demo frontend removes the backend requirement by moving books, author copy and gallery paths into local TypeScript data files and serving images from the frontend public directory.
Books and cart experience
Books are loaded through a local fetchBooks abstraction backed by src/data/books.ts. Users can add books to a client-side localStorage cart, update quantities, remove items, see totals and keep the cart badge synchronized through custom browser events.
Demo checkout
The checkout keeps the original delivery form shape, including name, email, phone, street, municipality, city and postal-code fields. In the standalone demo it validates the form and shows the message that orders are inactive instead of posting purchases to the API.
Editorial and visual system
The redesign uses Cormorant Garamond for display typography, Inter for body text, a dark red and gold palette, fixed responsive navigation and a literary hero built around the wolf logo plus an interactive dot-and-line SVG word composition.
Gallery and accessibility
The about page uses local gallery image paths, thumbnail navigation, previous and next controls, touch swipe support, keyboard controls for Escape and arrow keys, scroll locking and a portal-based lightbox dialog.
