sunny-ecommerce

bySupash R

Build a modern, responsive e-commerce web app for selling handmade, customizable gift items (especially resin-based products). The platform should be simple, visually appealing, and optimized for both mobile and desktop users. 🎯 Core Concept The website sells handmade resin products (keychains, photo frames, name plates, jewelry, etc.) where customers can customize only the available products. Customization should be guided and limited to predefined options. 🧩 FEATURES & FUNCTIONALITY 🏠 Homepage Clean, aesthetic design with soft colors (pastel / minimal theme) Hero section with: Brand name Tagline (e.g., “Handmade with Love, Customized for You”) Featured products section Categories (Keychains, Frames, Jewelry, etc.) Testimonials / reviews CTA buttons: “Shop Now”, “Customize Now” 🛍️ Product Listing Page Grid layout of products Each product card should include: Image Name Price “View Details” button 📦 Product Details Page (MOST IMPORTANT) When a user clicks a product: Show: Multiple product images Description Price Delivery time (since handmade) ✨ Customization Section (Key Feature) Only allow customization for that specific product Options like: Text input (name, message) Color selection (if applicable) Size/type options (if applicable) 📸 Photo Upload Feature If the product supports photo personalization: Show “Upload Your Photo” option Accept JPG/PNG Preview uploaded image Add note: “High-quality image recommended” 🛒 Cart System Add to cart button Show: Product details Customization inputs selected Uploaded image preview (if any) Edit/remove items 💳 Checkout Page User details: Name Address Phone number Order summary Payment options: Cash on Delivery UPI / Card (mock or real integration) 👤 User Experience No complicated login required (optional guest checkout) Smooth navigation Minimal steps to place an order 🧑‍💼 Admin Panel (Basic) Add/edit/delete products Enable/disable customization per product View orders with: Customer details Custom inputs Uploaded images 🎨 DESIGN REQUIREMENTS Modern UI (inspired by Etsy-style layouts) Soft shadows, rounded cards Smooth animations (hover effects, transitions) Mobile-first responsive design ⚙️ TECH STACK (if needed) Frontend: React / Next.js Backend: Firebase / Node.js Storage: Cloud storage for uploaded images Database: Firestore / MongoDB 🔒 VALIDATION RULES Photo upload only appears if product allows it Required fields must be filled before adding to cart Limit file size for uploads (e.g., 5MB) 🎯 GOAL Create a beginner-friendly, production-ready customizable gift shop that: Feels premium Is easy to use Handles personalization smoothly Works well for small handmade businesses( write a profetional and perfect python code for this website so i can run the code)