inner-batteries

byΨ¬ΫŒΩ„Ψ± Ss

Build a complete modern e-commerce website for a lithium battery business. Business Name: PowerCell Batteries Tagline: High Performance Lithium Batteries for Every Need GOAL: Create a fully working website with both frontend and backend functionality. The website should allow users to browse products, add to cart, and place orders. DESIGN STYLE: - Dark theme (black/charcoal background) - Electric green accent color (#00ff88) - Inspired by Tesla/Rivian energy style - Clean, futuristic, industrial-tech UI - Smooth animations and hover effects PAGES REQUIRED: 1. Home Page - Hero section with headline: "Power Your Future" - CTA button: "Shop Now" - Featured products section - Categories: Lithium Cells, E-bike Batteries, Solar Batteries - Benefits section (Long Life, Fast Charging, Safety) - Testimonials slider - Client logos slider 2. Shop Page - Product listing with filters (price, category) - Each product card with image, price, short description 3. Product Detail Page - Full product info - Add to cart button - Specifications section 4. About Page - Company introduction - Mission and vision 5. Contact Page - Contact form - WhatsApp button - Map location BACKEND FEATURES: - Admin dashboard - Add/Edit/Delete products - Order management system - Customer data storage - Login system (admin + user) E-COMMERCE FEATURES: - Add to cart - Checkout system - Order confirmation - Payment method (Cash on Delivery + optional online payment) EXTRA FEATURES: - Mobile responsive design - Fast loading speed - SEO optimized structure - Secure form handling - WhatsApp integration for orders TECH STACK: - Frontend: React / Next.js - Backend: Node.js / Firebase / Supabase - Database: MongoDB or Firebase DB IMPORTANT: - Make the website fully functional (not just UI) - Generate clean, structured code - Ready to deploy on Vercel

HomeLoginContact
Home

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

Home design preview
Login: Sign In
Dashboard: View Overview
Products: Add Product
Products: Edit Product
Products: Delete Product
Orders: Manage Orders
Orders: View Customer Data