# Build a Complete Production-Ready E-Commerce Website You are an expert Full Stack Software Engineer, UI/UX Designer, Database Architect, DevOps Engineer, and Security Specialist. Build a modern, premium, production-ready E-Commerce platform similar to Amazon, Flipkart, and Shopify with a beautiful UI, fast performance, SEO optimization, and enterprise-level architecture. ## Tech Stack Frontend * React.js * Next.js * TypeScript * Tailwind CSS * Framer Motion * Redux Toolkit * React Query * Axios * React Hook Form * Zod Validation Backend * Node.js * Express.js * TypeScript Database * PostgreSQL * Prisma ORM Authentication * JWT * Refresh Token * Google Login * Email Login * OTP Verification * Forgot Password * Password Reset Storage * Cloudinary Payment Gateway * Stripe * Razorpay * PayPal Emails * Nodemailer Caching * Redis Search * Elasticsearch (or PostgreSQL Full Text Search) Deployment Ready * Docker * Docker Compose * Nginx * GitHub Actions CI/CD Hosting Ready * Vercel (Frontend) * Railway / Render / AWS (Backend) --- # Design Requirements Create a luxury premium UI. Use: White Black Dark Gray Blue Accent Rounded corners Glassmorphism Smooth animations Responsive Design Desktop Laptop Tablet Mobile Dark Mode Light Mode --- # Homepage Hero Section Animated Banner Featured Products Trending Products Best Sellers Today's Deals Flash Sale Countdown Featured Categories Brands New Arrivals Recently Viewed Customer Reviews Newsletter Subscription Instagram Gallery Footer --- # Product Categories Electronics Fashion Shoes Watches Mobile Phones Laptops Gaming Home & Kitchen Beauty Books Sports Furniture Accessories Kids Pet Products Groceries Digital Products Custom Categories --- # Product Page Product Gallery Zoom Image 360 View Video Support Product Description Specifications Features Stock Status Delivery Estimate Coupon Apply Variants Color Size Weight Quantity Reviews Ratings Questions & Answers Wishlist Button Share Button Add to Cart Buy Now Recommended Products Related Products Recently Viewed --- # Search Live Search Search Suggestions Voice Search Filters Price Brand Category Color Size Rating Availability Sorting Popularity Newest Lowest Price Highest Price Best Rating Discount --- # Shopping Cart Update Quantity Coupon Gift Card Shipping Charge Tax Calculation Subtotal Grand Total Save For Later Move to Wishlist Remove Product --- # Checkout Guest Checkout Login Checkout Shipping Address Billing Address Multiple Payment Methods Order Summary Apply Coupon Invoice Generation Order Confirmation Email Confirmation SMS Confirmation --- # User Dashboard Profile Orders Wishlist Addresses Wallet Notifications Coupons Invoices Downloads Reviews Settings Password Change Delete Account Order Tracking Returns Refund Requests Support Tickets --- # Seller Panel Seller Dashboard Add Product Edit Product Delete Product Inventory Orders Customers Coupons Analytics Sales Reports Withdraw Earnings Messages Store Settings --- # Admin Panel Professional Dashboard Analytics Revenue Charts Orders Products Categories Brands Customers Sellers Admins Inventory Coupons Reviews Support Returns Refunds Payments Settings CMS Banners SEO Email Templates Notifications Logs Backup Roles & Permissions --- # Inventory Management Stock Warehouse Low Stock Alerts Barcode SKU Generator Inventory History --- # Coupon System Percentage Discount Fixed Discount Free Shipping Minimum Order Maximum Discount Expiry Date Usage Limit User Limit Auto Apply Referral Coupon --- # Wishlist Unlimited Wishlist Move To Cart Share Wishlist --- # Reviews Verified Purchase Images Videos Rating Like Dislike Report Review --- # Order Management Pending Processing Packed Shipped Delivered Cancelled Returned Refunded Invoice PDF Tracking --- # Notifications Email SMS Push Notification In-App Notification --- # Security Rate Limiting Helmet CORS Input Validation SQL Injection Protection XSS Protection CSRF Protection JWT Security Password Hashing Audit Logs Secure Cookies Environment Variables Encryption --- # API REST API Swagger Documentation Modular Architecture MVC Pattern Validation Error Handling Logging Pagination Filtering Sorting Caching --- # Database Tables Users Admins Sellers Products Categories Brands Orders Order Items Payments Coupons Addresses Wishlist Cart Reviews Inventory Notifications Support Tickets Returns Refunds Invoices Blogs Banners SEO Settings Logs --- # Extra Features AI Product Recommendation Recently Viewed Frequently Bought Together Live Chat Chatbot Multi-language Currency Converter GST Invoice Tax Calculation Referral System Reward Points Wallet Gift Cards Affiliate Program Blog FAQ Contact Us Privacy Policy Terms & Conditions Refund Policy Shipping Policy About Us Careers Become Seller --- # SEO Dynamic Meta Tags Open Graph Twitter Cards Sitemap Robots.txt Schema Markup Canonical URLs Lazy Loading Image Optimization Server Side Rendering --- # Performance Code Splitting Lazy Loading Image Compression Caching CDN Ready Lighthouse Score Above 95 --- # Final Deliverables Generate the complete working project. Include: 1. Frontend 2. Backend 3. Database Schema 4. Prisma Models 5. API Endpoints 6. Authentication 7. Payment Integration 8. Admin Panel 9. Seller Panel 10. User Dashboard 11. Responsive UI 12. Docker Setup 13. Seed Data 14. README.md 15. Environment Variables Example 16. Deployment Guide 17. Testing Setup 18. Production Build Configuration The application must be fully functional, scalable, secure, cleanly structured, production-ready, and runnable with a single installation process.
Sign in to leave a comment
No tasks yet
Add a task now to track work. System-generated tasks will be added here later.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No user flows yet.
The User Flow Agent will generate per-persona navigation diagrams after SRD updates.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No user flows yet.
The User Flow Agent will generate per-persona navigation diagrams after SRD updates.
No comments yet. Be the first!