Wordle PWA

Customizable Wordle app for your friends and family
Explore the demo »

Wordle PWA

A refactored and extended Vue app of VVordle by Evan You, which itself is a implementation of the original Wordle game.

Built with Nuxt.

Key Features

• 🐤 Beautiful interface
• 🎞 Custom answer sources (environment variables or Google Spreadsheet)
• ⌨️ Optional umlauts keyboard layout
• 🇫🇷 Supports french by sanitizing accented characters
• 💆‍♀️ Styled with UnoCSS

Setup

1. Enable Corepack using corepack enable
2. Install dependencies using pnpm install
3. Start the development server using pnpm run dev
4. Visit 127.0.0.1:5173

Note

Enable Take Over Mode in Visual Studio Code.

Usage

Start Date

Especially for a custom word list you probably prefer to start the list by a date of your choice. Wordle PWA will calculate the difference between the current date and the start date and pick the answer at the array index based from the date difference.

NUXT_PUBLIC_STARTS_AT=2023-12-01

Base64

You can make your own one-time Wordle and send it to friends by base64-encoding a word and include it as the URL query, e.g. wordle-pwa.pages.dev/?anVsaWE=. This will also allow words that are not in the dictionary.

Custom Word List

Within .env File

A custom word list may be set in the app's .env file:

NUXT_PUBLIC_ANSWERS=birds,floor,umami

Note

Remember to set a start date as well.

Words From Google Spreadsheet

Alternatively, the app will fetch words from any public Google spreadsheet if the following entries exist in the app's .env file:

NUXT_GOOGLE_API_KEY=...
NUXT_PUBLIC_GOOGLE_SHEETS_ID=1nO4y9FBuOr4_lA50rIldeWUAvqKYpcJYf5h1tpBybZU
NUXT_PUBLIC_GOOGLE_SHEETS_TABLE=Wordle 2023

License

MIT License © 2022-PRESENT Johann Schopplich

MIT License © 2022 Evan You

The original creator(s) of Wordle own all applicable rights to the game itself.