Mystery Versal

• 

  Game View

• 

  Question View

• 

  Answer View

Inspiration

We watched Reddit communities come alive during r/place and asked: What if we channeled that collaborative energy into an intellectual challenge? Mystery Versal was born from the idea that Reddit's diverse communities—mathematicians, historians, artists, scientists—could work together to solve one grand mystery. The meta-twist? The puzzle's solution is hidden in plain sight, celebrating what truly connects us all.

What it does

Mystery Versal is a cross-subreddit collaborative puzzle hunt featuring a 3×3 jigsaw grid. Nine challenges span different Reddit communities (Math, Chemistry, History, Codes, Geography, Science, Biology, Art, and Linguistics).

The unique twist: global shared progress. When someone anywhere in the world solves a puzzle, that tile unlocks for everyone. Progress is truly collaborative—no individual scores, just one community working toward a common goal. The final challenge reveals a word that represents what binds all knowledge together.

How we built it

Tech Stack: Devvit (Reddit's platform), React 18 + TypeScript + Tailwind CSS, Redis for global state, Framer Motion for animations.

We implemented a scrambled positioning system where puzzle IDs don't match grid positions—preventing players from gaming the system. Global state management in Redis ensures when Player A in Germany solves a puzzle, Player B in India immediately sees that tile unlock in real-time.

We obsessed over UI details: glassmorphism effects, cubic-bezier animations, confetti particles on success. The app needed to feel premium, not like a typical React app.

Challenges we ran into

1. Balancing difficulty: Creating puzzles that resist AI/Google searches while remaining solvable required dozens of iterations. Each puzzle needed multiple clues that work together, not single searchable facts.

2. Global state synchronization: Managing real-time updates across users worldwide using Redis was challenging. We needed to handle race conditions, ensure consistency, and provide instant feedback.

3. CTF-quality puzzle design: Crafting the final poetic challenge took days. We needed it cryptic enough to challenge players but fair enough to solve with the given clues. The archaic English poem includes intentional misdirection while hiding the real answer.

4. UI performance: Animating 9 tiles with smooth transitions, particle effects, and state changes while maintaining 60fps required optimization and careful use of React hooks.

Accomplishments that we're proud of

✅ True collaboration: Unlike typical games, Mystery Versal has ONE shared puzzle for all of Reddit. Every player contributes to the same goal.

✅ Premium design: We created a polished, beautiful UI that rivals commercial apps—not typical hackathon quality.

✅ Cross-community engagement: The puzzle genuinely requires diverse expertise. No single person can easily solve all nine challenges alone.

✅ The meta-puzzle: The fact that players are spelling a word without realizing it until the end creates a powerful "aha!" moment.

✅ Accessibility: Works beautifully on mobile and desktop, with smooth animations and intuitive UX.

What we learned

Technical: Mastered Devvit's platform, learned Redis patterns for global state, and discovered how to create buttery-smooth React animations with Framer Motion.

Design: Learned that great UX isn't about adding features—it's about removing friction. Every animation, every transition serves a purpose.

Puzzle design: CTF-style puzzles need multiple verification steps and should resist direct searches. The best puzzles require thinking, not just Googling.

Community dynamics: Seeing how global collaboration works in practice was eye-opening. When progress is shared, players naturally form communities to help each other.

What's next for Mystery Versal

Season 2: Create new themed puzzle sets (Science Fiction, Ancient Civilizations, Tech History) that communities can vote on.

Leaderboards: Add a "Contributors" board showing which users solved which puzzles first, fostering friendly competition while maintaining collaborative progress.

Hint System: Implement a community-driven hint system where players can request/provide hints after certain time thresholds.

Mobile App: Build a dedicated mobile app with push notifications when puzzles unlock.

API for Communities: Let subreddit moderators create their own Mystery Versal hunts with custom puzzles, expanding the platform beyond our initial design.

Live Events: Host timed collaborative events where communities race to solve a puzzle set together within 24 hours.

The ultimate vision: Make Mystery Versal Reddit's go-to platform for collaborative intellectual challenges, celebrating the diversity and expertise of communities worldwide.

Built With

• devvit
• react
• reddit
• typescript