wordle espanol

スペイン語

Wordle は無制限ですが、スペイン語です! React とスペイン語辞書 API を使ってゼロから構築されたこのツールは、新しい単語を学ぶのに最適な方法です。

目次

• 特徴
• 学んだこと
• テクノロジー
• 特別な感謝の気持ち

特徴

• 更新するたびに新しい単語が追加されます。
• クラシックな Wordle の外観と色
• アクセント付き文字を備えたフルキーボード
• カスタム警告メッセージ
• 無効な推測と正しい推測の動的なアニメーション

将来の機能

• モバイル互換性の向上
• プレーヤーのデータをローカル ストレージに保存する

学んだこと

• focus() 、 ref={} 、およびonKeyDown={}を使用してプレーヤーからキーボード入力を取得できます
• e.key文字コードよりも簡単です
• asyncとawait使用して、API データのPromisesが解決されるのを待つことができます
• 参照クラスとquerySelectorAll()使用して CSS アニメーション クラスを追加できます
• tabIndex={0}使用すると、キーボードによって非入力要素にフォーカスできるようになります。
• map()ネストされた配列に対して 2 回使用できます
• @keyframes内で特定のパーセンテージを使用して、リセットするアニメーションを作成できます。

テクノロジー

プロジェクトは次のもので作成されます。

• 反応する
• JavaScript (ES6)
• HTML5
• CSS3

特別な感謝の気持ち

• 無料で柔軟なスペイン語単語 API を提供してくださった Datamuse に感謝します
• APIドキュメントへのリンク