https://github.com/aarush-narang/wordle

wordle with multiple languages (en, es, and more coming soon)
https://github.com/aarush-narang/wordle

css django flask html javascript python vercel

Last synced: 18 days ago
JSON representation

wordle with multiple languages (en, es, and more coming soon)

• Host: GitHub
• URL: https://github.com/aarush-narang/wordle
• Owner: aarush-narang
• License: gpl-3.0
• Created: 2022-02-23T07:41:25.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-14T01:15:50.000Z (almost 2 years ago)
• Last Synced: 2024-11-12T16:16:37.778Z (3 months ago)
• Topics: css, django, flask, html, javascript, python, vercel
• Language: JavaScript
• Homepage: https://wordle.aarushnarang.com
• Size: 4.83 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Wordle Clone

Created using Flask and VanillaJS, this clone includes not only english words but has the option to switch to spanish words and food-related words

## Installation

Use the package manager [pip](https://pip.pypa.io/en/stable/) to install the following dependencies

- flask

Additionally, create a .env file in the root directory with the following variables

- DOMAIN

    - your local IP address.

- PORT

    - the port you want to use.

Then, change your directory to the `/wordle/src` directory. To start, type

```bash

python app.py

```

And you're finished!

## How to play

If you have ever played wordle before, this is the exact same! Just guess any 5-letter word and if any letter turns green, that letter is **in the word** and **in the correct spot**. If any letter turns yellow, that letter is **in the word** *but* **not in the correct spot**. If any letter turns grey, that letter is **not in the word**.







To view your statistics, click the statistics icon in the top right ![Statistics Icon](./assets/ranking_icon.png)

To change your word mode, click the settings icon in the top right ![Settings Icon](./assets/settings_icon.png), go to the `Switch Word Theme` setting ![Switch Word Theme Setting](./assets/change_mode.png) and click on the dropdown.

## Additionally

If you would like to add more languages or modes

1. Add your mode to the `SUPPORTED_MODES` constant

    ![Image of SUPPORTED_MODES constant](./assets/add_to_backend_supported_modes.png)

2. Add your words list to the `/wordle/src/static/words` directory

    ![Image of words list directory](./assets/add_words_list_file.png)

3. Add your option to the HTML

    ![Add words option to the HTML page](./assets//add_modes_html.gif)