A full-featured, modern e-commerce platform built with Next.js 14, TypeScript, and Tailwind CSS. Features a complete shopping experience with user authentication, inventory management, Stripe payments, and a comprehensive admin dashboard.

🛒 Customer Experience

• Product Catalog: Browse 20+ products with filtering and search
• Product Details: High-quality images, variants (colors/sizes), stock status
• Shopping Cart: Persistent cart with real-time updates
• User Authentication: Login, register, profile management
• Multi-step Checkout: Information → Shipping → Payment
• Order Management: Order history, tracking, status updates
• Wishlist: Save favorite products for later
• Responsive Design: Mobile-first, works on all devices

👤 User Management

• Profile Dashboard: Personal information, order history
• Address Book: Multiple saved shipping/billing addresses
• Payment Methods: Saved payment methods with Stripe
• Order History: Complete purchase history with tracking
• Wishlist Management: Add/remove favorite products

🔧 Admin Dashboard

• Analytics Dashboard: Sales charts, revenue tracking, key metrics
• Inventory Management: Stock levels, low stock alerts, bulk updates
• Order Management: Process orders, update status, track shipments
• User Management: Customer accounts, order history
• Product Management: Add/edit products, manage variants
• Reports & Analytics: Sales reports, inventory analytics
• Integration Management: External systems, suppliers, webhooks

💳 Payment & Checkout

• Stripe Integration: Secure payment processing
• Multiple Payment Methods: Cards, digital wallets
• Guest Checkout: No account required
• Saved Payment Methods: For returning customers
• Order Confirmation: Email receipts and confirmations

📊 Inventory & Stock

• Real-time Stock Tracking: Live inventory updates
• Low Stock Alerts: Automated notifications
• Stock History: Track inventory changes over time
• Bulk Operations: Update multiple products at once
• Supplier Management: Track suppliers and purchase orders
• External Integrations: Connect with external inventory systems

Prerequisites
- Node.js 18+ 
- npm or yarn
- Stripe account (for payments)

Home Demo: Here

Admin dashboard: Here

Frontend

• Next.js 14 - React framework with App Router
• TypeScript - Type-safe JavaScript
• Tailwind CSS - Utility-first CSS framework
• Lucide React - Beautiful icons
• React Hook Form - Form handling and validation

Backend & API

• Next.js API Routes - Server-side API endpoints
• Server Actions - Server-side form handling
• Stripe API - Payment processing
• Webhooks - Real-time event handling

State Management

• React Context - Global state management
• Local Storage - Persistent cart and user preferences
• Server State - API data caching and synchronization

Development Tools

• ESLint - Code linting
• Prettier - Code formatting
• TypeScript - Static type checking
• Tailwind CSS - Styling and design system