SchleimShop 🧪✨

Welcome to SchleimShop - your premium online shop for high-quality slime products!

🌟 Features

• Modern, Responsive Design: Beautiful UI that works on all devices
• Interactive Shopping Cart: Add products, adjust quantities, and checkout
• Product Categories: Filter by Glitter, Fluffy, Clear, and Butter slime
• Smooth Animations: Engaging user experience with modern CSS animations
• Local Storage: Cart persists between sessions
• Mobile-Friendly: Fully responsive navigation and layout
• Music Playground: Live coding music with Tone.js - Pattern-based sequencer with drums, bass, and synth

🛍️ Product Categories

• Glitzer (Glitter): Sparkling slime with glitter particles
• Fluffy: Super soft and fluffy cloud-like slime
• Clear: Crystal clear transparent slime
• Butter: Smooth and spreadable butter slime

🚀 Live Demo

Visit the live site at: https://bbodensieck.github.io/SchleimShop/

💻 Technologies Used

• HTML5
• CSS3 (with modern animations and gradients)
• Vanilla JavaScript
• Font Awesome Icons
• LocalStorage API
• Tone.js (Web Audio Framework for pattern-based music)

📦 Setup

This is a static website that runs directly in the browser. No build process required!

1. Clone the repository
2. Open index.html in your browser
3. Or deploy to any static hosting service

🎨 Design Highlights

• Modern gradient backgrounds
• Animated blobs and floating elements
• Smooth scroll navigation
• Interactive product cards
• Slide-in shopping cart
• Real-time cart updates
• Pattern-based music sequencer with visual feedback

📱 Responsive Design

The site is fully responsive and optimized for:

• Desktop (1200px+)
• Tablet (768px - 1199px)
• Mobile (< 768px)

🎯 GitHub Pages Deployment

This site is configured for GitHub Pages deployment:

• .nojekyll file prevents Jekyll processing
• All files are in the root directory
• Ready for immediate deployment

---

Made with ❤️ for slime enthusiasts everywhere!