Inspiration
Making real friends online is hard. Dating apps are awkward, Discord is noisy, and ice-breakers are boring. We noticed people connect fastest when they co-create a suspense story together. That's why we built WhisperChain Connect - where strangers become teammates through storytelling.
What it does
WhisperChain Connect is a real-time social game built for the CODE TO CONNECT theme.
1. Home & Profile: Player level, badges (Connector, Suspense Master, Quick Thinker), stats - Stories Created, Real Connections, Edu Points, and My Squad with online status.
2. Game Modes:
- Duo Duel (2v2 - 5 mins): Fast, casual. 2 vs 2 story battle.
- Squad Saga (4v4 - 10 mins): Strategic. 4 vs 4 collaborative epic.
3. How to Play: Team Blue vs Team Red. Turn-based, 45 seconds per turn. AI gives a suspense prompt. Players add one line. AI adds a twist based on keywords (door, forest, phone). Live chat panel with quick reactions 😱🔥.
4. Real Connect + Education Mode: When ON, AI challenges you: "Use the word 'photosynthesis' in a horror sentence" or "Add a 1947 historical fact". End of game shows Knowledge Meter, Vocabulary Boost, and Learning Outcomes. You learn without feeling like you're learning.
How we built it
- Frontend: React + Tailwind CSS - Dark theme #0B1220 with Code to Connect floral aesthetic
- AI Logic: Gemini API mock with keyword detection for relevant suspense twists
- Realtime: Firebase + WebSockets for live chat and live board sync
- Design: Discord meets Wattpad - built for Gen-Z
- Deployment: GitHub Pages + Netlify for instant global access
Challenges we ran into
Making AI twists relevant, not random. And balancing fun vs education - too much education kills the fun, too little kills the purpose. We solved it with optional Education Mode.
Accomplishments that we're proud of
We built a fully playable social game in 48 hours that actually makes strangers talk, laugh, and learn together. 2v2/4v4 with live chat works without any login friction - just enter name and play.
What we learned
We learned that communication games don't need complex tech - they need good turn-taking, low-latency chat, and a reason to talk. Story suspense is the best reason.
What's next for WhisperChain Connect
Real WebSocket multiplayer, voice narration of stories, AI converting stories to comic strips, and a school version for vocabulary learning. Integration with Women in Tech community for safe, moderated story rooms.
Built With
- ai
- css3
- firebase
- gaming
- gemini-api
- github
- html5
- javascript
- netlify
- node.js
- react
- social-good
- tailwind-css
- websockets
Log in or sign up for Devpost to join the conversation.