BubbleShootie

Crack fruit puzzles on reddit.

Comment

🎮 Inspiration

BubbleShootie was inspired by the vibrant gaming community on Reddit and the success of casual puzzle games on social platforms. We wanted to create a native Reddit gaming experience that leverages the platform's social features while providing the addictive gameplay of classic match-3 games. Drawing inspiration from popular mobile puzzle games and Reddit's interactive content features, we aimed to build a game that feels at home on Reddit while offering deep, engaging gameplay.

⚡ What it does

BubbleShootie is a fully-integrated Reddit match-3 puzzle game that allows users to:

  • Play Directly on Reddit: Launch and play the game within Reddit posts using Devvit's native app framework
  • Social Gaming: Share scores, compete with Reddit communities, and challenge friends
  • Reddit Integration: Leverage Reddit accounts for seamless authentication and progression
  • Community Features: Participate in community-wide challenges and events
  • Cross-platform Experience: Play both on Reddit (via Devvit) and on web (via React frontend)
  • Progression System: 10 levels with increasing difficulty, daily challenges, and rewards
  • Leaderboards: Compete with other Redditors in community and global rankings

🏗️ How we built it

Backend Architecture:

  • Express.js API Server: RESTful API for game data persistence and user management
  • PostgreSQL Database: Stores user profiles, game states, scores, and leaderboards
  • Redis Cache: For real-time leaderboard updates and session management
  • JWT Authentication: Secure token-based authentication compatible with Reddit OAuth

Reddit Integration (Devvit):

  • Devvit Platform: Native Reddit app framework for seamless Reddit integration
  • Custom App Components: Game UI components built with Devvit's React-like system
  • Reddit API Integration: User authentication, community features, and post interactions
  • In-post Gaming: Games can be launched directly from Reddit posts and comments

Frontend Architecture:

  • React Web Application: Full-featured web version for browser play
  • TypeScript: Type-safe development across all platforms
  • Tailwind CSS: Responsive, modern UI design system
  • Reddit OAuth: Secure authentication using Reddit's OAuth 2.0
  • Progressive Web App (PWA): Installable web version with offline capabilities

Game Logic & Features:

  • Match-3 Engine: Custom algorithm for detecting and processing fruit matches
  • State Management: Shared game logic between Devvit and React implementations
  • Real-time Updates: WebSocket connections for live leaderboard updates
  • Cross-platform Sync: Game progress synchronized between Reddit and web versions
  • Moderation Tools: Community moderation features for Reddit communities

🚧 Challenges we ran into

  1. Dual Platform Development: Maintaining feature parity between Devvit (Reddit) and React (Web) implementations
  2. Reddit API Limitations: Working within Reddit's rate limits and platform constraints
  3. Devvit Learning Curve: Mastering the Devvit platform's unique component system and limitations
  4. State Synchronization: Keeping game state consistent between Reddit sessions and web play
  5. Authentication Flow: Implementing seamless OAuth between Reddit, our backend, and the web app
  6. Performance Optimization: Ensuring smooth gameplay within Reddit's embedded environment
  7. Data Persistence: Designing a database schema that works for both anonymous and authenticated play
  8. Community Integration: Building features that leverage Reddit's unique community structure

🏆 Accomplishments that we're proud of

  1. Native Reddit Integration: Successfully created a fully functional game within Reddit using Devvit
  2. Cross-platform Play: Users can play on Reddit and continue on web with synchronized progress
  3. Community Features: Implemented Reddit-specific features like community leaderboards and challenges
  4. Performance: Optimized game to run smoothly even within Reddit's constrained environment
  5. Authentication System: Seamless Reddit OAuth integration with our custom backend
  6. Complete Feature Set: All planned features implemented across both platforms
  7. Moderation Tools: Built tools for Reddit moderators to manage game instances in their communities
  8. Responsive Design: Game works beautifully on Reddit mobile, desktop, and standalone web

📚 What we learned

  1. Reddit Platform Development: Deep understanding of Devvit framework and Reddit API
  2. Cross-platform Architecture: Strategies for maintaining codebases across different platforms
  3. Community Gaming: Designing games specifically for social platform communities
  4. OAuth Integration: Complex authentication flows across multiple platforms
  5. Performance in Constraints: Optimizing games for embedded environments
  6. Social Features Integration: Leveraging platform-specific social features
  7. Database Design for Gaming: Efficient schemas for game state and user progression
  8. Real-time Updates: Implementing WebSocket communication for live features

🔮 What's next for BubbleShootie

Immediate Next Steps (1-3 months):

  1. Reddit Community Expansion: Launch in more subreddits and gaming communities
  2. Enhanced Social Features: Reddit-specific achievements and community badges
  3. Cross-post Integration: Share game results directly to user profiles
  4. Mobile Optimization: Improved touch controls for Reddit mobile app
  5. Analytics Dashboard: For Reddit moderators to track engagement

Medium-term (3-6 months):

  1. Reddit Awards Integration: Custom Reddit awards for game achievements
  2. Community Tournaments: Subreddit-specific competitions with custom prizes
  3. API Expansion: Public API for third-party integrations and bots
  4. Reddit Chat Integration: Real-time gaming with Reddit Chat
  5. Streaming Features: Integration with Reddit's streaming platform

Long-term Vision (6-12 months):

  1. Reddit Premium Features: Exclusive content for Reddit Premium members
  2. NFT Integration: Reddit Collectible Avatar integration for in-game items
  3. Cross-community Play: Tournaments across different subreddits
  4. Developer Platform: Allow community developers to create custom levels
  5. VR/AR Integration: Experimental features for Reddit's evolving platform

Technical Roadmap:

  1. Devvit 2.0 Migration: Upgrade to new Devvit features as they're released
  2. Microservices Architecture: Scale backend for millions of Reddit users
  3. Machine Learning: Personalized level recommendations based on play patterns
  4. Blockchain Integration: Optional blockchain features for true ownership
  5. Cross-platform SDK: Allow other developers to build on our gaming infrastructure

Community Growth:

  1. Reddit AMAs: Developer Q&A sessions in gaming communities
  2. Community Contests: User-generated content competitions
  3. Moderator Tools: Enhanced tools for community game management
  4. Educational Content: Tutorials and guides for Reddit gaming
  5. Partnerships: Collaborate with other Reddit game developers

BubbleShootie represents a new frontier in Reddit gaming - combining the addictive gameplay of match-3 puzzles with the unique social dynamics of Reddit communities. Our vision is to create not just a game, but a thriving gaming ecosystem within Reddit that brings communities together through shared gaming experiences.

Built With

Share this project:

Updates