Word Slider

Challenge your mind, one slide at a time.

Comment

✨Inspiration

As a child, I played many 15-piece puzzle games in which I needed to complete a picture by sliding the pieces, and I also loved games like Wordle, Pocket Grids, and Syllo. The result: Word Slider was born! The unique twist? Your words must match both Across and Down, creating a perfect 4x4 linguistic symmetry.

🧠 What it does

Word Slider is a daily brain-teaser embedded directly in the Reddit feed. Players are presented with a scrambled grid of letters and must slide tiles into an empty slot to form four valid words.

  • Daily Challenge: A globally synced puzzle that generates new puzzles every 24 hours.
  • Community Engine: Users can create and publish their own puzzles for others to solve.
  • Persistence: Fire streaks, lifetime stats, and global leaderboards keep the competition alive.
  • Notifications: Built-in reminders ensure you never break your streak.

🛠️ How I built it

The app is powered by the Reddit Developer Platform (Devvit).

  • Frontend: A custom React application using Tailwind CSS for a premium, responsive glassmorphism aesthetic.
  • Backend: An Express-inspired server architecture managing business logic.
  • Data: Redis is the backbone, handling everything from sub-millisecond leaderboard updates to persistent user streaks and community puzzle storage.
  • Performance: I used Vite for rapid builds and optimized assets to ensure near-instant loading times within the Reddit app.

⚡ Challenges I ran into

  • The "No-Scroll" Constraint: Reddit's policy against inline scrolling forced me to rethink the entire UI. I had to engineer a responsive grid and layout system that looks great on mobile, web, and full-screen versions without ever overflowing its container.
  • State Synchronization: Ensuring that "Community Solves" and author stats are updated in real-time across the platform.
  • Physics & Feel: Getting the tile-sliding animation to feel "snappy" rather than sluggish took multiple iterations of CSS transform optimizations.

🎉 Accomplishments that I'm proud of

  • Tactile UX: The sliding mechanism feels incredibly satisfying, mimicking a physical plastic puzzle.
  • Creator Tools: The "Community Mode" allows users to become puzzle designers with an intuitive interface that verifies solutions before publishing.
  • Seamless Integration: The app transitions smoothly between a lightweight view in the feed and a rich, immersive Fullscreen experience.

🎯 What I learned

I learned how to design "Micro-Games" for a social environment. Unlike standalone apps, Reddit apps need to be immediately understandable. I mastered the art of vertical space management and discovered the power of Redis for building lightweight, hyper-fast social features without a heavy database overhead.

🚀 What's next for Word Slider

  • 5x5 and 6x6 Master Mode: Larger grids for more complex vocabulary.
  • Themed Weeks: Puzzles focused on specific subreddits (e.g., a "Movie" week for r/Movies).

Built With

Share this project:

Updates