๐ฏ 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? ๐
Log in or sign up for Devpost to join the conversation.