https://github.com/sgregson/wordle-clone
Quick 1h challenge to turn out a wordle clone!
https://github.com/sgregson/wordle-clone
Last synced: over 1 year ago
JSON representation
Quick 1h challenge to turn out a wordle clone!
- Host: GitHub
- URL: https://github.com/sgregson/wordle-clone
- Owner: sgregson
- Created: 2022-03-22T19:55:47.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-23T15:11:09.000Z (over 4 years ago)
- Last Synced: 2025-03-20T07:41:43.604Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://wordle-clone-challenge.vercel.app/
- Size: 820 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 1-hour wordle challenge!
> 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:
1. 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
2. adds the useEventListener.js hook from https://usehooks.com/useEventListener/ to bind keys to keypress events
3. 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!
***
# A Nextjs starter template on Gitpod
This is a [Learn Next.js](https://nextjs.org/learn) template configured for ephemeral development environments on [Gitpod](https://www.gitpod.io/).
## Next Steps
Click the button below to start a new development environment:
[](https://gitpod.io/#https://github.com/gitpod-io/template-nextjs)
## Get Started With Your Own Project
### A new project
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.
### An existing project
To get started with Next.js on Gitpod, add a [`.gitpod.yml`](./.gitpod.yml) file which contains the configuration to improve the developer experience on Gitpod. To learn more, please see the [Getting Started](https://www.gitpod.io/docs/getting-started) documentation.