Play Stupid Games, Win Stupid Prizes: The Frontpage of /r/nba

As of writing this, the day before I launched a stupid little app[1] on Reddit, specifically on /r/nba[2], which has about 2.5million subscribers.

It was disgustingly simple[3] to make, I didn't optimize any of it, but I just wanted to throw it up online and see if I could validate a simple idea I had in my head, or at least, get any attention.

Backstory

I haven't built any side-projects in a while, so I wanted to build something real simple with some inkling of virality built in, as opposed to a technical masterpiece that most people don't care about. Knowing your audience and building things for yourself and for others like you, to me, is the best way to tackle creating a business, and I used this project as an experiment in that direction.

I haven't had many experiences of building a project, where while building, I knew whether it was actually a good idea - doing this forced me to consider that "this may not be worth it" while still trudging on.

It's an important lesson to internalize, and for me (at least even a little bit) helped solidify the objective of sticking with the process of creation rather than obsessing over the end destination, be it views or money.

Given how simple this project was to make, it's essentially an MVP. In the future, the obvious plan is to make something much more simple than this to validate the "idea", and only then focus on the execution.

The App

I noticed this thread[4] on Reddit about whether quotes came from Kyrie Irving or Jaden Smith. Kyrie Irving, for those unfamiliar, is an amazing professional basketball player who teeters on the "woke", conspiracy-laden side of the Internet and wonders/may believe the world is flat, if we landed on the moon, and myriad other conspiracies that I can't remember or have discovered yet. For a clearer picture, he says stuff like this:

I thought it'd be funny to take the list of those quotes, plus others, and make a simple web app where users would guess if a quote came from Kyrie or not. Simple right? Of course. Any idiot on the Internet could do this, but this idiot was motivated enough to do something about it.

Building the List

Over the course of 2-3 days, I divided my time into quote aggregation and development.

I searched Reddit for "Kyrie Irving quotes", found many more threads dedicated to the topic, as well as a dedicated sub[5] to "I am very smart" quotes, amongst others (/r/im14andthisisdeep[6]).

I aggregated all of the quotes into a list in Google Sheets, and then found the original sources.

The fake quotes I ended up using were:

  1. Other reddit users creating fake Kyrie quotes as a parody
  2. Quotes from entertainment (Patrick Star, In Living Color, Kanye West, Skyrim) that were similarly ridiculous.

I created a list of 72 quotes, and the quiz randomly used 12 for every new quiz.

I then created a stupidly simple web app using jQuery, raw CSS, and hooked into a custom Node + MongoDB database.

I made sure to capture every user's answers so I could gather the percentage correct for each question and how accurate I actually was in sourcing questions that could be confused for something Kyrie Irving said.

The Result

I slapped it on Reddit around 11AM EST and watched what happened. Some hours later, it made it to the front page. It ended up with 4.9K upvotes, a bunch of comments, and even got some mentions on the Internet from Yahoo Sports (in one sentence)[7] and some people from Twitter, like this dude below. Did I mention I got 8 new Twitter followers? Did I also mention I have a total of 8 Twitter followers now? 🤙

On the analytics side, I peaked at around 790~ concurrents, and from that one day I had a total of ~74K page views. Is that good? I have no idea. It's interesting to me, for what it's worth.

Lastly, I checked the responses from users in Mongo Compass. From 71 questions, I had an astounding 684,000+ responses. Out of those 684,000, roughly 432,000 were answered correctly, leaving the average correct response rate 63%.

In Summary

Was there a point to this?

Nope.

I did it for fun, or maybe I was just really bored. It was nice to see that the questions I chose were just right, not too difficult but not too easy. I got a lot of comments from people saying that it was either way too easy, or that they were considerably stumped.

One person I sourced for a fake Kyrie quote even told me he responded incorrectly to the quote that he wrote himself.

The end result wasn't even that particularly amazing, in my opinion, nor the idea completely original. It was just iterated on differently.

Overall, starting with a small idea and testing with an audience I am familiar with (shoutout to the "nephews" of /r/NBA) helped me create something that, while in the midst of one of the most hectic off-seasons in NBA history, still managed to land on the front page of a 2 million+ subreddit, as a joke, when every other post had to deal with a trade or trade rumor/speculation. Especially considering Kawhi Leonard hasn't signed yet, and all of us are anxious for the outcome.

References

  1. ^ stupid little app (didkyriesayit.com)
  2. ^ /r/nba (www.reddit.com)
  3. ^ disgustingly simple (github.com)
  4. ^ thread (www.reddit.com)
  5. ^ dedicated sub (www.reddit.com)
  6. ^ /r/im14andthisisdeep (www.reddit.com)
  7. ^ in one sentence) (sports.yahoo.com)
keywords

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Items in webdev
Font Awesome Icons [ Icons ] - CSS Bundle Daily Dev Tips CSS Background Patterns by MagicPattern GitHub - ganlanyuan/tiny-slider: Vanilla javascript slider for all purposes. GitHub - jonasstrehle/supercookie: ⚠️ Browser fingerprinting via favicon! URL-encoder for SVG Bootstrap Icons · Official open source SVG icon library for Bootstrap GitHub - kognise/water.css: A drop-in collection of CSS styles to make simple websites just a little nicer Toggle light and dark themes in Bootstrap - DEV Deploy your Publish website for free on GitHub Pages - DEV Bootstrap · The most popular HTML, CSS, and JS library in the world. GitHub - diegocard/awesome-html5: A curated list of awesome HTML5 resources Fixing PHP SQLite database is locked warning - Unable to execute statement: database is locked [ php ] - KruXoR openstreetmap.org 50 Developer tools to make your life a little easier https://www.mrlacey.com/2020/07/youve-only-added-two-lines-why-did-that.html?m=1 GitHub - ForEvolve/bootstrap-dark: Bootstrap 4 dark theme that supports togging dark/light themes as well. There is no fluff, it changes the color of Bootstrap and that's it, no new thing to learn or unlearn, just Bootstrap, but Dark! Responsive Web Design Online Testing - isResponsive Trianglify.io · Low Poly Pattern Generator Grid.js - Advanced table plugin HEAD - A free guide to <head> elements Roots | Modern WordPress Development Tools A Local Dev Tool For Every Project | Lando new.css Synchronized responsive testing, development, inspection | Vanamco Gold Price Charts Widgets | GoldBroker.com Trianglify.io · Low Poly Pattern Generator Special tags that Google understands - Search Console Help 404 Error Page Codepen ScrollMagic ♥ Demo AOS - Animate on scroll library Font Awesome v4.7.0 - Icon Search Tool Carbon Offers — LowEndTalk Featherlight – The ultra slim jQuery lightbox. Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs HEAD - A free guide to <head> elements API Blueprint | API Blueprint Filtering Data Client-Side: Comparing CSS, jQuery, and React | CSS-Tricks CSS Quickies: CSS Variables - Or how you create a 🌞white/🌑dark theme easily - DEV Community 👩‍💻👨‍💻 Responsive Slider Timeline Colormind - the AI powered color palette generator Get Waves – Create SVG waves for your next design Nuxt.js - The Vue.js Framework CodeSandbox: Online Code Editor Tailored for Web Application Development Hover.css - A collection of CSS3 powered hover effects Live.js - One script closer to Designing in the Browser Color this sofa! – SVG + Blend Mode trick You Might Not Need jQuery CSS Wave Animation with a .png
Search Linx
Search Linx by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote
If you work on something a little bit every day, you end up with something that is massive.
Kenneth Goldsmith
Random CSS Property

scale()

The scale() CSS function defines a transformation that resizes an element on the 2D plane. Because the amount of scaling is defined by a vector, it can resize the horizontal and vertical dimensions at different scales. Its result is a <transform-function> data type.
scale() css reference