Wordle en español

Wordle unlimited, but in Spanish! Built from scratch with React and a Spanish dictionary API, this is a great way to learn new words!

Table of contents

• Features
• What I Learned
• Technologies
• Special Thanks

Features

• New word every refresh!
• Classic Wordle appearence and colors
• Full keyboard featuring accented characters
• Custom alert messages
• Dynamic animations for invalid and correct guesses

Future Features

• Improve mobile compatibility
• Store player data in local storage

What I Learned

• focus(),ref={}, and onKeyDown={} can be used to get keyboard input from player
• e.key is more straightforward than charcodes
• async and await can be used to wait for Promises of API data to resolve
• Reference classes and querySelectorAll() can be used to add CSS animation classes
• tabIndex={0} can be used to allow non-input elements to be focused by the keyboard
• map() can be used twice for nested arrays
• Specific percentages can be used within @keyframes to create animations that reset

Technologies

Project is created with:

• React
• JavaScript (ES6)
• HTML 5
• CSS 3

Special Thanks

• Thank you to Datamuse for offering a free and flexible Spanish word API
• Link to API Documentation