Vast majority of the work happened in src/components/keyboard.js and related files
This deployment represents 1h of work: https://wordle-clone-j5dvapydy-stgregson.vercel.app/, find the final/latest in the sidebar
Some fun bits to implement here:
- start with my personal prototyping base
- nextjs with vercel
- tailwind css, including an SSR dark mode toggle
- gitpod.io for quick devbox / iteration
- the Lea Verou trick for emoji-as-favicon https://css-tricks.com/emoji-as-a-favicon/
- https://giscus.app/ for site discussions backed by github
- adds the useEventListener.js hook from https://usehooks.com/useEventListener/ to bind keys to keypress events
- does a little tailwindy UI to make it look clean
It was fun work to hammer out the useeventlistener placement and do a bit of CSS to make it look decently like the wordle original!
This is a Learn Next.js template configured for ephemeral development environments on Gitpod.
Click the button below to start a new development environment:
Click the above "Open in Gitpod" button to start a new workspace. Once you're ready to push your first code changes, Gitpod will guide you to fork this project so you own it.
To get started with Next.js on Gitpod, add a .gitpod.yml
file which contains the configuration to improve the developer experience on Gitpod. To learn more, please see the Getting Started documentation.