Skip to content

A word guessing game made using React, Typescript, and Tailwind

License

Notifications You must be signed in to change notification settings

zedaizd/zh-char-puzzle

 
 

Repository files navigation

字知之明

這是一個拆字猜字遊戲的專案
圖片

Credits

Source Code

關於素材

靈感來源

更多 Wordle More Like This

Original Readme from hannahcode/word-guessing-game

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 in src/lib/statuses.ts and update the keyboard in src/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 in public/index.html and prepend \u202E (the unicode right-to-left override character) to the return statement of the inner function in generateEmojiGrid in src/lib/share.ts

About

A word guessing game made using React, Typescript, and Tailwind

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.3%
  • JavaScript 3.6%
  • Other 1.1%