Interactive Emoji Faces

A delightful React application featuring animated emoji faces that respond to mouse movement with smooth intensity-based animations.

Features

• Responsive Animation: Faces react to mouse proximity with smooth intensity scaling
• Performance Optimized: Throttled mouse events and memoized calculations
• Rich Visual Effects: Gradients, glows, sparkles, tears, steam, and more
• Smooth Transitions: CSS-based animations for fluid user experience
• Modular Architecture: Clean, reusable components with clear separation of concerns

Emotions

• Happy (with sparkles and teeth)
• Sad (with tears)
• Surprised (with sweat drops)
• Angry (with steam and gritted teeth)
• Neutral (calm expression)
• Worried (with sweat drops)

Technical Highlights

• Throttled mouse events for 60fps performance
• React.memo for component optimization
• Smooth cubic-bezier transitions
• SVG-based rendering with filters and effects
• Responsive design with CSS Grid
• Configurable emotion system