TechShop E-Commerce Demo

What it does

Provides a fully functional e-commerce storefront rendered directly in the MCP client. It enables users to browse a product catalog, manage a shopping cart, and process checkouts through rich interactive Vue 3 interfaces instead of simple text responses.

Key features

• Interactive Product Catalog: Visual browsing with filtering, sorting, and pagination.
• Session-Based Cart: Dynamic shopping cart with real-time quantity validation and stock checking.
• Full Checkout Flow: Integrated forms for address entry and payment method selection.
• Order History: Visual tracking of previous orders and their current status.
• UI-First Experience: Renders dedicated HTML pages for a seamless shopping experience within the AI interface.

Installation

1. Clone the repository and run npm install.
2. Configure your PostgreSQL connection in a .env file (DATABASE_URL).
3. Initialize the database: npm run db:schema && npm run db:seed.
4. Build and run: npm run build && npm start.

Supported hosts

• VS Code (with Claude extension)