@papoita | version 1.0.0

This project was completed for educational purposes by Paola Perez Leiva following online resources such as Wordle examples and TheNetNinja.

Words - Food version

A yummier version of Wordle clone App.

💡 The front end of this project is built with React and makes requests to our own API to fetch a word.

💡 CSS animation using keyframes provide a better experience to the user when a letter is input.

💡 JSON server was used to create a fake REST-API. The solution word is fetched randomly from the corresponding resource.

🍇 The words you need to guess are always some type of food.

✨ Instead of using red and green as the original version of wordle. This project uses blue and orange in order to be a colorblind-friendly palette. But blue with red and blue with brown could also have been used. This Color-blind friendly palette is a good resource if you want to read more about it.

In this words project

• 🔵 Blue = correct letter and position, replacing green

• 🟠 Orange = correct letter, not position replacing yellow

• ⚪ Grey = not in game word

You Win

End of Game

To Setup

1. install dependencies with

   npm install

2. Run the client frontend repo

   npm run start

3. Run the database (own JSON file endpoints/resource)

   npx json-server ./data/db.json --port 3001

Dependencies

• JSON server
• React
• Jest

Testing

• install jest npm install --save-dev jest

• run jest npm jest