zinc-gadgets

byRiya

I want to build a full-stack e-commerce website using the MERN stack (MongoDB, Express.js, React.js, Node.js). Project Name: Dubey Creation Overview: This platform will showcase and sell electronic gadgets such as TVs, display earbuds, Li-Ion batteries, laptops, smartwatches, etc. The UI should be modern, responsive, and clean. Core Features: 1. Frontend (React): * Homepage with hero section, featured products, and categories * Product listing page with filters (category-wise) * Product detail page (image, description, price, specs) * Add to Cart functionality * Cart page with product summary * Checkout button (IMPORTANT: no payment gateway) 2. Special Checkout Logic: * When user clicks "Place Order", instead of payment: * Collect user details (Name, Phone Number, Address) * Show all cart items with quantity and total price * Send this entire order data as a formatted message to a WhatsApp number OR open WhatsApp with pre-filled message Example message format: "New Order from Dubey Creation: Name: ___ Phone: ___ Address: ___ Products: 1. Product Name x Qty - Price 2. Product Name x Qty - Price Total: ___" * Use WhatsApp API link (https://wa.me/) for redirection 3. Backend (Node + Express): * REST APIs for products * MongoDB schema for products (name, price, category, image, description) * API to fetch all products and single product 4. Admin Feature (Optional but preferred): * Add new products via API or simple admin panel 5. Tech Requirements: * Use React with functional components and hooks * Use Axios for API calls * Use Tailwind CSS for styling * Use React Router for navigation * Backend with Express.js and MongoDB (Mongoose) * Proper folder structure for frontend and backend 6. Additional Requirements: * Fully responsive (mobile + desktop) * Clean UI similar to modern e-commerce sites * Use dummy data initially * Code should be modular and beginner-friendly 7. Bonus (if possible): * Search functionality * Loading states * Toast notifications Deliverables: * Full frontend and backend code * Folder structure * Step-by-step setup instructions * .env example * Sample product data IMPORTANT: Do not include payment gateway. The main goal is to send order details via WhatsApp when checkout is clicked.