SUBVERSE

"Slide, Solve, Conquer: The Ultimate Puzzle Challenge!"

Comment

Inspiration

Our inspiration for SUBVERSE comes from the classic sliding puzzle games that challenge players' problem-solving and spatial reasoning skills. We wanted to bring a fun, interactive puzzle game to the Reddit community, where players could not only solve puzzles but also challenge others to beat their scores and engage in friendly competition. Additionally, we wanted to empower users to generate content by sharing their solved puzzles, challenging others, and fostering a community-driven experience.

What it does

SUBVERSE is a sliding puzzle game that allows users to select different difficulty levels (Easy, Medium, Hard). Players shuffle tiles in a grid and must move them into the correct position to solve the puzzle. The app tracks the number of moves and challenges players to complete the puzzle with as few moves as possible. Once solved, users can share their solution, generate content by posting their puzzle challenges on Reddit, and challenge others to beat their scores.

How we built it

We built SUBVERSE using the following technologies:

  • Devvit for building Reddit-integrated apps, allowing us to interact with the Reddit community.
  • React for the front-end user interface, allowing for dynamic rendering and state management.
  • Devvit CLI for development, enabling us to integrate with Reddit’s API and post challenges directly to the community.
  • Tailwind CSS for quick and flexible styling, providing a responsive and visually appealing user interface.
  • JavaScript/TypeScript for game logic and handling user interactions like tile movement, game state management, and solving logic.

Challenges we ran into

  • Ensuring solvability: One of the key challenges was ensuring that the puzzle was solvable after being shuffled. We needed to implement a check for solvability to prevent users from getting an unsolvable puzzle.
  • Game state management: Managing different game states (menu, difficulty selection, puzzle solving, leaderboard) and ensuring a smooth transition between them was challenging, especially when tracking user progress like move counts and best scores.
  • Reddit integration: Integrating with Reddit’s API and ensuring that posts and challenges were submitted correctly required debugging and learning the nuances of the Devvit platform.

Accomplishments that we're proud of

  • Solvability check: We are proud of the logic we implemented to ensure the puzzle is always solvable after shuffling. This feature adds a layer of reliability to the gameplay experience.
  • Challenge feature: Allowing users to post their completed puzzles and challenge others on Reddit is a unique feature that sets SUBVERSE apart from other puzzle games.
  • User-generated content: Empowering users to create and share their puzzle challenges adds a dynamic and engaging element to the game, keeping the community active.
  • Seamless UI: The app has a smooth, intuitive user interface with a retro pixel font that enhances the gaming experience and nostalgia.

What we learned

  • We gained hands-on experience with Devvit, learning how to create Reddit-integrated applications and interact with the Reddit API.
  • We deepened our understanding of React and Tailwind CSS, enhancing our skills in building responsive and dynamic UIs.
  • We learned about puzzle logic, including how to shuffle tiles, manage grid sizes, and ensure solvability—a crucial element in making the game fun and challenging.
  • We also learned the importance of user-generated content in building a more engaged and active community.

What's next for SUBVERSE

  • Additional Puzzle Variations: We plan to add more puzzle variations, such as different themes or tile images that players can choose from.
  • Multiplayer Mode: We are exploring the possibility of adding a multiplayer mode where users can compete in real-time against each other to solve puzzles.
  • Mobile Optimization: We aim to optimize the app for mobile devices to allow users to enjoy the game on the go.
  • Enhanced Leaderboards: We plan to implement a global leaderboard feature, where players can see how their scores compare to others worldwide.

Built With

  • devvit
  • react
  • reddit
  • reddit-integrated
  • tailwind-css
  • the-project-uses-javascript/typescript
Share this project:

Updates