Coquí Frog Puerto Rico History Game
- React front end
- Three.js 3D environment
- AI-assisted / live-coded development workflow
- 30-question educational experience
- Dynamic character interaction
- Background music and sound effects
- Gamification mechanics
- Final scoring and feedback
- Puerto Rican cultural and historical content
The Coquí itself is one of Puerto Rico’s most important cultural symbols, making it an ideal educational mascot and narrative device. The frog’s call and symbolism have been part of Puerto Rican identity for centuries. (PMC)
Portfolio Project Description
Coquí Quest: Interactive Puerto Rico History Game
I designed and built an immersive educational game that teaches Puerto Rican history through a playful, character-driven experience.
Using React and Three.js, I created a 3D environment where players answer 30 questions spanning Puerto Rican culture, history, and identity. The experience combines storytelling, music, animation, and humor to keep users engaged while learning.
A central animated Coquí character reacts to player choices throughout the game, creating emotional investment and replayability. At the conclusion, players receive a personalized score and performance summary.
This project demonstrates my ability to use AI-assisted live coding workflows to rapidly prototype and deliver sophisticated interactive experiences that blend:
- Gamification
- Educational technology
- 3D web development
- AI-assisted software development
- Interactive storytelling
- User engagement design
- Audio and visual media integration
The same techniques used here apply to business applications including:
- Employee training and onboarding
- Interactive sales presentations
- Corporate learning platforms
- Museum and tourism experiences
- Brand storytelling
- Customer education portals
- Healthcare and compliance training
Resume Version (Short)
Coquí Quest – Puerto Rico History Game
Built an interactive 3D educational game using React and Three.js featuring AI-assisted live coding workflows, gamification, music, animated characters, and a 30-question learning experience. Demonstrates expertise in immersive web applications, educational technology, storytelling, and rapid AI-driven development.
How to Position This for Businesses
I would frame this less as:
and more as:
“I use AI-assisted development to create immersive learning and engagement experiences.”
Because the same technology stack can become:
- A bank employee onboarding simulation
- A tourism experience for Puerto Rico
- An insurance training platform
- A luxury real estate interactive presentation
- A museum exhibit
- A customer education experience
- A trade show or event activation
For someone with your background—25+ years in marketing, content, SEO, AI, and now vibe coding—this project signals:
“I can take an idea and rapidly transform it into an engaging interactive experience that teaches, persuades, or entertains.”
That’s a much bigger story than a frog game. It’s a case study in how AI and live coding can compress months of creative and technical work into days while still delivering something memorable and culturally meaningful. (PMC)