Wordle Tool
A Tool for Cowards and Geniuses Alike
UNWORDLER is a website that helps you solve every Wordle puzzle, and it was made out of desperation. We don’t know every five-letter word, but we do know how to build a tool that does. It is currently an MVP and we will add more filter functionality later.
Impacts include:
- Millions of suspiciously high streaks
- 100% satisfaction among people who hate losing
- 0 regrets
- We like to think we contributed in some way to this cultural gem
Check it out at Unwordler.com
Scope
Software Engineering
Under the Hood
The most important technical decisions were made early on for this project. To be frank, we are usually strapped for time and needed this project to be able to fit into a few kiddo nap times over a long weekend. The TLDR; on this implementation is that we used the words from wordlist-english's package and search them depending on the inputs.
Stack:
- Simple.css - styles + theme
- Remix - javascript framework
- Netlify - deployments
Design
Keeping it Simple
The design for this project was focused on:
- Mimicking the Wordle UI styles- these were pulled from Wordle's HTML styles. This decision does complicate the accessibility of the site, but it was made to ensure that the user experience was as close to the original Wordle as possible. The color contrast is not great, as the Wordle color palette is not accessible by WCAG AA standards:
- green/white = 2.78:1
- yellow/white = 2.06:1
This color contrast is something we'd like to revisit in future versions.
- Creating the most simple interface possible to assist in Wordle. There are three different feedbacks you can have for a letter in Wordle: Correct (green), Wrong (gray), and Misplaced (yellow). By making these three different sets of inputs, we can ensure that the user has a clear understanding of the feedback for each letter.
- Light/Dark theme functionality - For Simplicity, the theme will match whatever is set for your OS (light or dark mode)
- Keeping Wordle fun- Instead of making the tool keep track of which letters are not present at each index, it still requires the user to think where misplaced letters could be.
