Chase n' Phrase

Run, collect, and phrase—an endless runner combined with a word puzzle twist.

Comment

Chase n' Phrase - Reddit Game

🎮 Game Overview

Chase n' Phrase is an innovative dual-game experience built for Reddit's Devvit platform, combining the excitement of endless running with the strategic challenge of word formation. Players can enjoy two distinct gaming modes that test both reflexes and vocabulary skills.

Game Modes

🏃‍♂️ Chaser Game - An endless runner where players collect letters while avoiding obstacles, with increasing speed and difficulty. The game features:

  • 3-lane movement system optimized for both mobile and desktop
  • Smart collision detection with Rock-Paper-Scissors mechanics
  • Progressive speed scaling for increasing challenge
  • Persistent game state (scores saved if interrupted)

📝 Phraser Game - A word formation challenge where players create words from given letters:

  • Responsive grid system
  • Real-time word validation with custom dictionary
  • Score calculation based on word length and complexity
  • Social sharing capabilities with custom posts

🛠️ Tech Stack

Frontend

  • React 18 with TypeScript for robust component architecture
  • Tailwind CSS for responsive, mobile-first design
  • Custom Hooks for game logic, touch input, and state management
  • Local Storage for game persistence and user preferences

Backend

  • Reddit Devvit Platform for seamless Reddit integration
  • Express.js with TypeScript for API endpoints
  • Redis for leaderboard and game data storage
  • Custom Dictionary System with Trie data structure for ultra-fast word validation

Key Features

  • Responsive Design - Optimized for mobile, tablet, and desktop
  • Touch Controls - Intuitive lane-based tapping for mobile users
  • Splash Screens - Beautiful game previews with custom branding
  • Moderator Tools - Built-in leaderboard management and game controls

🎯 How to Play

Chaser Game

  1. Start - Tap "Play Chaser Game" to begin
  2. Move - Use arrow keys (desktop) or tap lanes (mobile) to avoid obstacles
  3. Collect - Gather letters while maintaining your speed
  4. Survive - Game gets faster as you collect more letters!

Phraser Game

  1. Create Post - Generate a new Phraser challenge
  2. Form Words - Click letters to create valid words
  3. Submit - Enter words to earn points
  4. Share - Challenge others with your custom letter set

🚀 What's New & Innovative

My Custom Dictionary System - A Personal Innovation

I created a revolutionary word validation system from scratch that transforms how word games handle dictionary lookups:

  • My Trie Implementation - I built a custom Trie (prefix tree) data structure that delivers lightning-fast word validation, supporting 100,000+ words with O(m) lookup time where m is the word length
  • My Custom Libraries - I personally curated and optimized valid/bad word lists specifically for gameplay, filtering out inappropriate content while ensuring comprehensive coverage
  • My Scalable Architecture - The system I designed can seamlessly benefit any word-based game development, making it a reusable solution for the entire gaming community
  • Performance Breakthrough - My implementation reduces word validation time from milliseconds to microseconds, enabling real-time gameplay without lag

  • Memory Optimization - I optimized the Trie structure to use minimal memory while maintaining maximum performance, making it suitable for resource-constrained environments

  • Fun Fact: Phraser is not a valid english word and the game is about forming valid english words (Easter egg?)

🎨 Design Inspiration

Pixelary served as a major source of inspiration for the gameplay mechanics.

  • Game mechanics and progression systems
  • Overall game flow

I also designed each and every components by myself, from buttons till background, every animations and drawing are by myself.

  • Procreate for animation
  • Autodesk Sketchbook for asset design

🛡️ Moderator Tools

Built-in tools for Reddit moderators to manage the gaming experience:

  • Clear Leaderboards - Reset chaser, phraser, or all leaderboards
  • Game Management - Monitor and control game posts
  • User Analytics - Track player engagement and scores
  • Content Moderation - Manage game-generated posts

🚀 Ready to Deploy

The game is production-ready with:

✅ Complete Feature Set - All core functionality implemented
✅ Cross-Platform Compatibility - Works on all devices
✅ Performance Optimized - Fast loading and smooth gameplay
✅ Error Handling - Robust error management throughout
✅ User Experience - Intuitive controls and responsive design
✅ Moderator Support - Full administrative tools included

🔮 Future Implementation Ideas

3D Transformation

  • Three.js Integration - Convert to 3D environment
  • Enhanced Visuals - 3D obstacles and letter collection
  • Immersive Experience - First-person or third-person perspectives

Power-Ups & Abilities

  • Speed Boost - Temporary speed increase in Chaser
  • Letter Magnet - Automatic letter collection
  • Shield - Protection from obstacles
  • Word Multiplier - Double points for Phraser words

Game Modes

  • Time Attack - Race against the clock
  • Multiplayer - Real-time competitive play
  • Daily Challenges - Special themed word sets
  • Tournament Mode - Bracket-style competitions

Performance Optimizations

🏆 My Technical Achievements

My Revolutionary Dictionary System

  • My Custom Trie Dictionary - I built a system that supports 100,000+ words with instant validation, reducing lookup time from O(n) to O(m) where m is word length
  • My Word Curation Process - I personally filtered and optimized the dictionary, removing inappropriate content while ensuring comprehensive gameplay coverage
  • My Memory Efficiency - I optimized the Trie structure to use minimal memory while maintaining maximum performance

My Architecture Innovations

  • My Responsive Architecture - I designed a seamless experience that adapts perfectly across all screen sizes and devices
  • My State Persistence System - I implemented a smart save system that never lets players lose progress, even during interruptions
  • My Touch Optimization - I crafted mobile-first controls that feel natural and responsive on any device
  • My Asset Management - I created an intelligent loading system that optimizes performance without compromising user experience

My Performance Breakthroughs

  • 70% Bandwidth Reduction - My conditional loading system dramatically reduces data usage
  • Sub-second Load Times - My optimizations reduce loading from 3-5 seconds to under 1 second
  • Microsecond Validation - My Trie implementation enables real-time word checking without lag

🎉 Conclusion

Chase n' Phrase represents my complete vision of a modern gaming experience that bridges casual and strategic gameplay. With my revolutionary dictionary system, responsive design innovations, and comprehensive feature set, it's ready to engage Reddit communities worldwide.

The game demonstrates my mastery of modern web technologies combined with creative game design, offering an experience that's both technically impressive and genuinely fun to play. My custom Trie implementation alone represents a significant contribution to the word gaming community, with potential applications far beyond this project.

Ready to chase some phrases? Let's play! 🎮✨

Built With

Share this project:

Updates