prism-ecommerce

byKomal K

Build a complete, modern, and fully functional e-commerce website using HTML, CSS, JavaScript (and optionally React or any framework if needed). 🎯 Goal: Create a highly interactive, user-friendly, visually appealing online store that mimics real-world platforms like Amazon or Flipkart. 🛍️ Features Required: Homepage Attractive hero banner with offers Featured products section Categories (Electronics, Fashion, Home, etc.) Trending / Best-selling products Product Listing Page Display real-looking products with: Product image Title Description Ratings ⭐ Price (use realistic market prices in INR ₹) Filters: Price range Category Ratings Sorting options (low to high, popularity, newest) Product Detail Page Large product images (gallery view) Product description Reviews section Add to Cart button Buy Now option Shopping Cart Add/remove items Update quantity Show total price dynamically Apply coupon/discount Checkout Page Address form Payment options (UPI, Card, Cash on Delivery UI only) Order summary User Authentication UI Login / Signup page (frontend only) Navigation Bar Logo Search bar (functional filtering) Cart icon with item count Profile/Login button Footer Contact info Social media links Policies 🎨 Design Requirements: Clean, modern UI (inspired by Amazon/Flipkart) Responsive design (mobile + desktop) Smooth animations and hover effects Use cards, grids, and shadows for depth ⚙️ Functional Requirements: Use JavaScript for: Cart functionality Dynamic product rendering Filtering and sorting Store cart data using localStorage Use a realistic dataset of at least 20–30 products with: Names Prices (₹) Images (use free APIs or placeholder links) 🌐 Extra Enhancements: Add loading animations Add toast notifications (e.g., “Item added to cart”) Wishlist feature ❤️ Dark mode toggle 🌙 📁 Output Format: Provide complete code with: index.html style.css script.js Proper folder structure Comment the code for understanding 💡 Important: Make it look like a real production-level website Focus on UX (easy navigation, fast interaction) Ensure everything works smoothly without backend