Inspiration

I was inspired by classic word association games and the desire to create a fast-paced, competitive vocabulary challenge. Watching people play word games made me realize there wasn't a quick, social version that could be easily shared on Reddit. I wanted to combine quick thinking, vocabulary skills, and social competition in a modern, engaging format.

What it does

TypeAbout is a word association typing game where players are given a target word and must find all 5 related keywords within 20 seconds to advance to the next level. It features a level progression system, a real-time leaderboard with Reddit usernames, confetti celebrations, and a comprehensive scoring system. Players compete globally while improving their vocabulary and typing skills.

How we built it

Built using React + TypeScript with Tailwind CSS for the frontend. The backend uses Devvit's serverless functions with Express.js for Reddit API integration. Created a keyword database system with 50+ target words and 5 keywords each. Implemented real-time validation, confetti animations, and a comprehensive leaderboard system using localStorage for data persistence.

Challenges we ran into

Timer Logic Bug: Fixed a critical issue where the timer got stuck at 1 second by adjusting useEffect dependencies White Screen Issues: Debugged module import problems (require vs import) in browser environment Viewport Optimization: Ensured all screens fit perfectly without scrolling using flexbox and viewport units State Management: Coordinated complex game state across multiple components and phases Reddit Integration: Handled username fetching with fallback systems for anonymous users

Accomplishments that we're proud of

Created a fully functional, engaging word association game with smooth animations Successfully integrated Reddit's Devvit platform with real username support Built a comprehensive leaderboard system with time-based filtering Achieved perfect viewport optimization with no scrolling required Implemented a robust keyword database with 250+ pre-defined associations Created an intuitive, accessible user interface that works across all devices

What we learned

Reddit Devvit Framework: Mastered building immersive apps within Reddit's ecosystem Real-time Game Logic: Implemented complex state management for multi-level progression User Experience Design: Created responsive, non-scrolling interfaces Reddit API Integration: Learned to fetch usernames and create social features Debugging Skills: Improved problem-solving with timer logic and module imports Component Architecture: Built modular, reusable React components

What's next for Type About

Multiplayer Mode: Real-time head-to-head competitions between players Custom Word Sets: Allow users to create and share their own keyword collections Achievement System: Badges and rewards for reaching milestones Daily Challenges: Special themed word sets that change daily Mobile App: Native iOS/Android versions for a better mobile experience Analytics Dashboard: Detailed statistics and progress tracking for players

Built With

Share this project:

Updates