🎈 Little Wonders — Modern E-Commerce Storefront & AI Assistant

A fast, responsive, and visually engaging e-commerce storefront for children's educational toys, festive gift hampers, and sweet treats—featuring an integrated interactive recommendation assistant (ToyBot).

---

🌟 Key Highlights

• Modern Responsive UI: Built with semantic HTML5 and modern CSS (CSS Grid, Flexbox, custom design tokens, and smooth scrolling transitions).
• Curated Product Collections:
  • Educational Toys: Age-graded building blocks, sensory puzzles, and train sets.
  • Gift Hampers: Birthday bundles, craft kits, and illustrated storybook packs.
  • Sweet Treats & Confectionery: Kid-safe chocolates, gummies, and butter cookies.
• Kids Zone Experience Gallery: A lifestyle media showcase highlighting safe play and joyful child development.
• Interactive ToyBot Assistant:
  • Context-aware suggestion engine recommending products by age bracket (0-2, 3-5, 6+) and budget (Under ₹500).
  • Quick-action intent chips for friction-free recommendations.
• Dynamic Shopping Cart Micro-interaction: Real-time visual feedback with cart counter state management.

---

🛠️ Tech Stack & Architecture

Layer	Technology / Tools
Frontend Markup	Semantic HTML5, Google Fonts (Poppins)
Styling & Design	Pure CSS3 (CSS Variables, Flexbox, CSS Grid, Transitions)
Client-Side Logic	Vanilla JavaScript (ES6+ DOM manipulation, event listeners)
Assets & Media	Unsplash high-resolution lifestyle and product photography

---

📂 Project Structure

├── index.html       # Primary application markup & structural components
├── style.css        # Global CSS variables, layout grids, components & animations
├── script.js        # Chatbot rules engine & interactive cart functionality
└── README.md        # Comprehensive technical documentation