Shopping Cart Implementation in Svelte 5

Implementation of a shopping cart feature for an e-commerce like platform using Svelte 5 and SvelteKit.

Feature Description

• Manage cart state globally using Svelte 5 shared state
• Display cart item count in the navbar
• Add and remove items from the cart
• Increment and decrement cart item quantities
• Manage modal open/close state

Pre Requirement

• NodeJS
• Bun

Local Development Setup

1. Clone this git repository into your local system

git clone https://github.com/deyrahul95/svelte-shopping-cart.git
cd svelte-shopping-cart

2. Install packages

bun install

3. Run local development server

bun run dev

Technology Used

• Node.js — runtime environment
• Bun — package manager / runtime
• TypeScript — type safety
• Tailwind CSS — styling
• Svelte 5 — UI framework
• SvelteKit — application framework
• Prettier — code formatting
• ESLint — linting

References

• Practical Svelte 5 - Shopping Cart