MS

byHelly Jain

Use this prompt with an AI coding tool to generate a complete website: --- Prompt: Create a modern, fully responsive, full-stack Mobile Shop website named "Mahavir Mobile Shop". Tech Stack Frontend: HTML5, CSS3, JavaScript, React.js, Bootstrap or Tailwind CSS Backend: Node.js with Express.js Database: MongoDB Authentication: JWT with password hashing API: RESTful APIs Deployment Ready: Frontend and backend separated with proper folder structure. Design Requirements Premium, modern, attractive UI. Mobile-first responsive design. Fast loading speed. Smooth animations and hover effects. Professional color theme: Primary: #0F172A (Dark Navy) Secondary: #2563EB (Blue) Accent: #F59E0B (Gold) Background: White & Light Gray Pages 1. Home 2. About Us 3. Products 4. Product Details 5. Brands 6. Accessories 7. Offers 8. EMI Plans 9. Services 10. Contact 11. Login 12. Register 13. Cart 14. Wishlist 15. Checkout 16. Order Success 17. User Profile 18. Admin Dashboard Home Page Hero banner with latest smartphones. Featured products. Shop by Brand. Best Selling Mobiles. New Arrivals. Flash Sale. Customer Reviews. Why Choose Us. Store Location Map. Newsletter subscription. Footer with social media. Product Features Search products. Filter by: Brand Price RAM Storage Camera Battery Sort by: Price Newest Popularity Product image gallery. Product specifications. Related products. Ratings & Reviews. Stock availability. Shopping Features Shopping cart. Wishlist. Quantity update. Coupon code. GST calculation. Shipping calculation. Secure checkout. Cash on Delivery. UPI payment. Card payment. Order tracking. Order history. User Features Registration. Login. Forgot password. Email verification. Profile management. Address management. Saved payment methods. Notifications. Admin Panel Secure admin login. Dashboard with analytics. Product management (CRUD). Brand management. Category management. Order management. Customer management. Inventory management. Coupon management. Banner management. Review moderation. Sales reports. Revenue charts. Backend APIs Create REST APIs for: Authentication Products Categories Brands Users Orders Reviews Coupons Wishlist Cart Payments Dashboard statistics Database Collections Users Products Brands Categories Orders Cart Wishlist Reviews Coupons Payments Banners Extra Features Dark/Light mode. Live search. Responsive navigation. Loading animations. Toast notifications. Form validation. Image upload. Pagination. SEO-friendly pages. Security best practices. Error handling. Lazy loading. Responsive footer. Google Maps integration. WhatsApp chat button. Call Now button. Share product option. Compare products. Recently viewed products. Contact Page Display: Mahavir Mobile Shop Mobile Number Email Shop Address Google Map Contact Form Business Hours Social Media Links Deliverables Complete frontend and backend source code. Clean, modular, well-commented code. Professional folder structure. Environment configuration (.env). MongoDB integration. README with installation steps. Sample product data. Fully functional and ready for deployment.