Example of E-Commerce Application built with Svelte

A lightweight e-commerce web application built with SvelteKit, TailwindCSS.
This project demonstrates reactive state management, Svelte component structure, and responsive product pages.
Mock product data is loaded through layout.server.ts, allowing the app to simulate real backend data fetching without requiring an external API.

Live Demo

https://ecom-svelte-port-ch.vercel.app/

Features

- Storefront

• Product detail page with gallery, description, pricing
• Category and navigation menu

- Cart & Checkout

• Add/remove items from cart
• Quantity update with auto subtotal calculation
• Persistent cart (Svelte store)

- Modern Tech Stack

• SvelteKit (SSR, routing)
• TypeScript
• Svelte Stores (global reactive state)
• TailwindCSS
• Lucide Icons

Getting Started

1. Clone the repository

git clone https://github.com/chaiyarerk-hom/ecom-svelte-port-ch
cd ecom-svelte-port-ch/ecom-svelte

2. Install dependencies

pnpm install

3. Run development server

pnpm dev

App will be available at:

http://localhost:5173

License

This project is licensed under the MIT License.