Leo's Spooky Studio
About this project
A delightful, interactive Halloween decoration web app designed for toddlers to explore creativity on iPad, with drag-and-drop spooky emojis and day/night modes.
The Story Behind It
I created this project around Halloween time for my son, who showed a lot of interest in Halloween decorations. Like many parents, we took evening walks to look at decorations, and I wanted to extend that experience with an interactive activity that would help develop his counting skills, dexterity, and hand-eye coordination in a fun way.
Currently, I run this locally on my Mac and access it from an iPad on the same network. It's the only app my son uses on the iPad, with a UI specifically optimized for toddler use - big buttons, simple emojis, and intuitive controls he can understand.
Key Features
- Interactive Decorating: Drag and drop spooky emojis to decorate a haunted house
- Day/Night Toggle: Switch between daytime and nighttime modes for different visual effects
- Kid-Friendly UI: Large buttons, simple emoji-based interface optimized for small hands
- Touch Optimized: Designed specifically for iPad touch interaction
- Decoration Counter: Simple counting mechanics to encourage number recognition
Tech Stack
- Frontend: React, TypeScript, Vite
- Styling: Tailwind CSS
- Icons: Lucide Icons
- Deployment: Currently local network only
Future Plans
For next Halloween, I plan to deploy this online so it's more accessible and extend it with additional interactive features and seasonal themes. The project has potential to grow into a collection of kid-friendly interactive activities that combine fun with developmental benefits.