๐ŸŽฏ Inspiration

As someone who spends way too much time scrolling through Reddit, I've always been fascinated by what makes content go viral. Why does a simple cat photo get 50k upvotes while an amazing piece of art barely breaks 100? I wanted to create a game that tests this mysterious "viral intuition" - because let's face it, we all think we can predict what the internet will love! Plus, I love games that make you feel smart when you're right and laugh when you're wrong.

๐ŸŽฎ What it does

Reddit Viral Verdict is like having a crystal ball for internet fame! Players are presented with two Reddit posts (either images or jokes) and must predict which one has more upvotes. It's a delightful mix of strategy and pure chaos - because sometimes the internet's taste is completely unpredictable!

The game features:

  • Two exciting modes: Image showdowns and joke battles
  • Virtual economy: Earn coins (+25 for wins, -15 for losses)
  • Streak system: Build momentum and get bonus commentary
  • Real Reddit data using Reddit APIs: Uses actual posts from popular subreddits
  • Beautiful UI: Confetti celebrations, sound effects, and smooth animations
  • Game history: Track your performance and laugh at your past predictions

โšก๏ธ How we built it

As an absolute non-developer, I dove headfirst into the deep end! I used Bolt.new to scaffold a React + TypeScript project, then spent countless hours learning by doing. The tech stack includes:

  • Frontend: React 18 with TypeScript for type safety (because I needed all the help I could get!)
  • Styling: Tailwind CSS for beautiful, responsive design
  • API Integration: Reddit's public API to fetch real posts from 40+ subreddits
  • State Management: React hooks to keep track of everything
  • Audio: Custom sound effects for wins and losses
  • Animations: React Confetti for those satisfying victory moments

The Reddit API integration was particularly fun - I learned to filter posts, extract images, and handle different content types. It's amazing how much data Reddit makes available!

๐Ÿšง Challenges we ran into

As a complete coding newbie, everything was a challenge!

  • Reddit API quirks: Some posts had broken images, others were deleted, and the API structure was more complex than expected
  • Image handling: Getting images to load properly across different sources (Reddit, Imgur, etc.) was a nightmare
  • TypeScript learning curve: Coming from zero programming experience, understanding types and interfaces was like learning a new language
  • Responsive design: Making the game look good on both phones and desktops required lots of trial and error
  • Game balance: Figuring out the right coin rewards and difficulty levels took many iterations

The biggest challenge was probably debugging - I spent hours staring at console errors, not knowing what they meant!

๐Ÿ† Accomplishments that we're proud of

Despite being a complete beginner, I'm incredibly proud of what I built:

  • A fully functional game that actually works and is fun to play!
  • Real API integration with Reddit - something I never thought I'd be able to do
  • Beautiful, responsive UI that looks professional and polished
  • Two distinct game modes with different mechanics and content types
  • Smooth user experience with animations, sounds, and visual feedback
  • Learning to code from scratch - this project represents my entire programming journey

Most importantly, I created something that people will actually enjoy playing and want to share with friends!

๐Ÿ“š What we learned

This project was my crash course in modern web development! I learned:

  • React fundamentals: Components, hooks, state management, and the component lifecycle
  • TypeScript basics: Types, interfaces, and why type safety is so important
  • API integration: How to fetch data, handle errors, and process responses
  • CSS and styling: Tailwind CSS, responsive design, and creating beautiful UIs
  • Debugging skills: Reading error messages, using browser dev tools, and problem-solving
  • Project structure: How to organize code, separate concerns, and maintain clean architecture

The biggest lesson? That anyone can vibe-code with enough determination and the right tools!

๐Ÿš€ What's next for Reddit Viral Verdict

The journey doesn't end here! Here's what I'm excited to add:

  • More game modes: Video predictions, meme battles, or even cross-platform content
  • Social features: Leaderboards, friend challenges, and sharing results
  • Mobile app: Native iOS/Android versions for on-the-go gaming
  • Community features: Let users submit their own content for predictions

The dream is to make this the go-to game for testing your internet intuition - because who doesn't want to prove they can predict what goes viral? ๐ŸŒŸ

Share this project:

Updates