Juice Bear - Orange Squeezing App

A fun interactive web application featuring a cute bear who squeezes orange juice.

Features

  • Drag and drop oranges to the bear to squeeze them
  • Watch the bear squeeze oranges with animated arms
  • See the juice glass fill up as you squeeze more oranges
  • Track how much juice you've squeezed
  • Earn achievements as you reach juice milestones
  • Responsive design works on both desktop and mobile

How to Play

  1. Click the "Add Orange" button to add more oranges to the basket
  2. Drag an orange to the bear to squeeze it
  3. Watch the juice level rise in the glass
  4. Try to fill the glass completely (500ml)
  5. Click "Reset" to start over

Technical Details

  • Built with vanilla HTML, CSS, and JavaScript
  • Uses Tailwind CSS for styling (via CDN)
  • Includes custom animations for squeezing, juice drips, and more
  • Responsive design works on mobile with touch events
  • No external dependencies required

File Structure

  • index.ts - HTTP handler to serve the application
  • index.html - Main HTML structure and content
  • styles.css - Custom styles and animations
  • script.js - Game logic and interactivity

Enjoy squeezing oranges with Juice Bear!