feat:add meme caption maker

[TanishqDNEC]

closes issue #102

📝 Description

This PR adds a new interactive Meme Caption Maker game to ACM FUN. Users can upload images or choose from sample templates, add customizable draggable text captions, and download their creations as high-quality memes.

🔗 Related Issue

Closes #[issue_number]

---

✨ Features Implemented

Core Functionality

• ✅ Image Upload - Support for JPG, PNG, GIF, WebP formats
• ✅ Sample Templates - 4 pre-loaded popular meme templates for quick start
• ✅ Drag & Drop Captions - Intuitive positioning with visual drag handles
• ✅ Multi-line Text - Automatic text wrapping for long captions
• ✅ Real-time Preview - Instant canvas updates as you edit

Text Customization

• ✅ 6 Font Families - Impact, Arial Black, Comic Sans MS, Courier New, Georgia, Verdana
• ✅ Font Size Control - Slider from 20px to 120px
• ✅ Text Color Picker - Full RGB color selection
• ✅ Outline Color Picker - Customizable text outline color
• ✅ Outline Width - Adjustable from 0px to 10px
• ✅ Multiple Captions - Add unlimited captions per image

User Experience

• ✅ Mobile Responsive - Fully optimized for all screen sizes
• ✅ Touch Support - Complete touch gesture support for mobile devices
• ✅ High-Quality Export - Download memes in full resolution PNG format
• ✅ Intuitive UI - Clean design with emoji icons and smooth animations
• ✅ Empty State Guidance - Helpful prompts for new users

---

📁 Files Changed

Added Files

• src/pages/games/MemeCaptionMaker.js - Main React component (342 lines)
• src/styles/pages/games/MemeCaptionMaker.css - Complete styling (425 lines)

Modified Files

• src/data/content.js - Added game registration and routing

---

🛠️ Technical Details

Technology Stack

• React.js - Functional component with Hooks
• HTML5 Canvas - Image rendering and text overlay
• CSS3 - Responsive styling with animations
• Native APIs - FileReader, Canvas 2D Context

No New Dependencies

• ✅ Uses only existing project dependencies
• ✅ No external libraries required
• ✅ Pure vanilla JavaScript and CSS

Key Implementation

[vercel]

@TanishqDNEC is attempting to deploy a commit to the ACM FUN Team on Vercel.

A member of the Team first needs to authorize it.

[Kanavpreet-Singh]

great work