About
What Shopedia is built for
Shopedia is demo marketplace UI playground built with Astro and Svelte islands. It is designed for browser automation practice and stores catalog, session, cart, and order data locally in IndexedDB.
What this app is about
This app models small storefront with realistic shopping flows while keeping everything local-first. Astro renders shell and routes, Svelte handles interactive UI, MSW mocks storefront API calls, and Dexie writes data into IndexedDB so flows stay persistent across refreshes.
What you can test here
- Seeded demo catalog with product detail pages
- Search with paginated landing page loading
- Login and registration demo flows
- Persistent cart state and add-to-cart toasts
- Cash checkout and per-account purchase history
- Database reset and reseed controls for repeatable testing
Framework
Astro handles page rendering and shell structure, while Svelte powers the interactive islands.
- astro
- @astrojs/svelte
- svelte
Styling
Tailwind drives utility styling and shared storefront tokens across the app shell.
- tailwindcss
- @tailwindcss/vite
Data and mocking
Dexie persists demo data in IndexedDB, and MSW provides browser-side API mocking for storefront flows.
- dexie
- msw
UI
Lucide provides the icon set used in cart actions, header controls, and toasts.
- lucide-svelte
Tooling
TypeScript, Biome, and Playwright cover typing, formatting/linting, and browser-level regression checks.
- typescript
- @biomejs/biome
- @playwright/test