這是一個拆字猜字遊戲的專案
- Forked from cwackerfuss/react-wordle
- Site deployment steps referring to roedoejet/AnyLanguage-Wordle
-
- 拆字資料等置於
datasets/full
- 部件圖片置於
public/parts
- 拆字資料等置於
-
常用字表:教育部常用字表
datasets/frequently-used-subset
- Wordles of the world: 集合了世界各國的 wordle 版本
- Other forks
Word Guessing Game
This is a clone project of a popular word guessing game made using React, Typescript, and Tailwind.
To Run Locally: Clone the repository and perform the following command line actions:
$ cd word-guessing-game
$ npm install
$ npm run start
To build/run docker container:
$ docker build -t game .
$ docker run -d -p 3000:3000 game
open http://localhost:3000 in browser.
To create a version in a different language:
- Update the title, the description, and the "You need to enable JavaScript" message in
public/index.html
- Update the language attribute in the HTML tag in
public/index.html
- Update the name and short name in
public/manifest.json
- Update the strings in
src/constants/strings.ts
- Add all of the five letter words in the language to
src/constants/validGuesses.ts
, replacing the English words - Add a list of goal words in the language to
src/constants/wordlist.ts
, replacing the English words - Update the "About" modal in
src/components/modals/AboutModel.tsx
- Update the "Info" modal in
src/components/modals/InfoModal.tsx
- If the language has letters that are not present in English, add them to the
CharValue
type insrc/lib/statuses.ts
and update the keyboard insrc/lib/components/keyboard/Keyboard.tsx
- If the language's letters are made of multiple unicode characters, use a grapheme splitter at various points throughout the app or normalize the input so that all of the letters are made of a single character
- If the language is written right-to-left, add
dir="rtl"
to the HTML tag inpublic/index.html
and prepend\u202E
(the unicode right-to-left override character) to the return statement of the inner function ingenerateEmojiGrid
insrc/lib/share.ts