In this engaging discussion, Josh Wardle, the mastermind behind the viral word game Wordle, shares insights from his journey as a part-time artist turned software engineer. He reveals the simplicity of Wordle's tech stack, built with web components, that keeps the game lightweight and ad-free. Josh discusses the unique challenges of navigating fame, the impact of clones, and the nuances of selling a successful product. His reflections on authenticity in innovation and the emotional weight of popularity make for a captivating conversation.
Wordle gained massive popularity due to its unique feature of players sharing their results in an emoji grid format, contributing to its viral spread.
Josh Wardle built Wordle using web components, which allowed for minimal dependencies and a small bundle size, but acknowledges that wrapper libraries like Lit provide a more streamlined development process.
Josh decided to sell Wordle due to the overwhelming response, the challenge of managing clones, and to ensure its future, ultimately choosing the New York Times as the buyer.
Deep dives
The Unexpected Phenomenon of Wordle Going Viral
Wordle, a word game created by Josh Wardle, unexpectedly gained massive popularity with millions of players worldwide. The game, originally made for Wardle's partner, went viral after getting a shout-out from a technologist and being shared in a New York Times newsletter. The game's unique feature of players sharing their results in an emoji grid format contributed to its rapid spread. The popularity of Wordle led to numerous clones and spin-offs, with some developers even monetizing their versions. Due to the overwhelming response and potential challenges of managing clones, Josh decided to sell Wordle.
Building Wordle with Web Components and Vanilla JavaScript
Josh built Wordle using web components, taking advantage of the native browser spec that combines custom elements, the shadow DOM, and HTML templates. This allowed him to create a game with minimal dependencies and a small bundle size. The game's codebase primarily consists of vanilla JavaScript and utilizes web APIs, avoiding the need for a heavy front-end framework. While web components provided a valuable learning experience for Josh, he acknowledges that wrapper libraries like Lit provide a more streamlined development process for complex projects.
The Decision to Sell Wordle and the Deal Making Process
After experiencing the frustration of clones and unauthorized monetization, Josh decided to sell Wordle to ensure its future and maintain alignment with his values. Multiple companies, including the New York Times, expressed interest in acquiring the game. Josh ultimately chose the New York Times, appreciating their alignment with his values. The deal-making process involved negotiations, non-binding agreements, and the consideration of retaining his domain. While navigating this process was challenging for someone not business-savvy, selling Wordle brought a sense of relief to Josh.
Building a Successful Game with Simple UI
The podcast episode discusses the success of the game Wordle and the factors that contributed to its popularity. One key point is the simplicity of the game's user interface, which appeals to a wide range of players. The host highlights the importance of incorporating small interactive animations, known as 'juice', to enhance the user experience. The use of CSS animations adds a human touch to the game and creates a more engaging and enjoyable gameplay. Additionally, the podcast touches on the concept of standardization, with the guest emphasizing the benefits of using identical Tupperware containers to eliminate the hassle of matching lids to bases.
Keeping it Simple and Cost-Effective
Another main idea discussed in the podcast is the importance of simplicity in game development and cost optimization. The game creator shares that Wordle was intentionally designed to be an uncomplicated game without login or user accounts, which reduced technical complexity and eliminated the need to manage user data. This approach allowed the game to gain popularity quickly and minimized potential privacy concerns. The podcast also dives into the hosting costs of the game and reveals that the hosting expenses for Wordle on AWS S3 were around $100 per month. This demonstrates that building successful and enjoyable games doesn't necessarily require extensive engineering or expensive infrastructure.
In this episode of Syntax, Wes and Scott talk with the creator of Wordle, Josh Wardle. What's the tech stack for Wordle? Does he care about the clones of Wordle? And how did selling Wordle work?
Sentry - Sponsor
If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
Sanity - Sponsor
Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.