E-Commerce Chat App

A full-featured online shopping platform with integrated customer support chat.

• Product catalog with categories
• Shopping cart functionality
• Checkout process
• Order management
• Product search and filtering

• Real-time customer support chat
• Chat history
• Multiple chat rooms/conversations
• Admin chat interface

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   ├── products.ts      # Product API endpoints
│   │   ├── cart.ts          # Shopping cart endpoints
│   │   ├── orders.ts        # Order management
│   │   ├── chat.ts          # Chat API endpoints
│   │   └── static.ts        # Static file serving
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main app component
│   │   ├── ProductList.tsx  # Product catalog
│   │   ├── Cart.tsx         # Shopping cart
│   │   ├── Checkout.tsx     # Checkout form
│   │   └── Chat.tsx         # Chat interface
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend entry point
│   └── style.css            # Custom styles
└── shared/
    └── types.ts             # Shared TypeScript types

• Backend: Hono (TypeScript API framework)
• Frontend: React with TypeScript
• Database: SQLite
• Styling: TailwindCSS
• Real-time: Server-Sent Events for chat

The app will be available at the HTTP endpoint once deployed. The backend serves both the API and the frontend files.

• GET /api/products - Get all products
• GET /api/products/:id - Get product by ID
• GET /api/products/category/:category - Get products by category

• GET /api/cart/:sessionId - Get cart contents
• POST /api/cart/:sessionId/add - Add item to cart
• PUT /api/cart/:sessionId/update - Update cart item
• DELETE /api/cart/:sessionId/remove/:productId - Remove item from cart

• POST /api/orders - Create new order
• GET /api/orders/:id - Get order details

• GET /api/chat/messages/:roomId - Get chat messages
• POST /api/chat/messages - Send chat message
• GET /api/chat/stream/:roomId - SSE stream for real-time messages