Git Product home page Git Product logo

wordle-clone's Introduction

Wordle Clone

As the title suggests, this repository is a another iteration of the insanely popular game, Wordle. For the very few who haven't ever played it before, do check this out https://www.nytimes.com/games/wordle/index.html to learn the rules of the game.

Tech Stack

This project uses HTML,CSS,JS and P5.JS

How to run

  1. Fork this repository
  2. Navigate to the forked repository then clone it.
  3. Open index.html with a browser

Maintained by: Nigel Dias

wordle-clone's People

Contributors

abhiraj2 avatar batflarrow avatar nigeldias27 avatar pranavvatsa avatar rishikakinger avatar sphoorthiy avatar

Watchers

 avatar  avatar

wordle-clone's Issues

Rules of the game popup/modal

What to do?

Create a popup or modal(not using alert function!) describing the rules of the game on loading the website page

Possible ways to implement

  • Importing bootstrap into the project and using the modal component Bootstrap link
  • Creating your own eye catching modal/popup using html/css/js(Will amount to more brownie points)

Bounty points: 60pts

File of all possible 5 letter words

The issue needed to be solved

Currently all possible 5 letter words are being stored as a list of strings in wordle.js which is a TERRIBLE way to store data.

Possible way of solving this

Create a txt file with this content link. Import JQuery CDN and read the data from the txt file using the JQuery's load or Ajax function. Using Javascript's split function, the string can be converted into a list.

Bounty points: 30

Rotate falling letters

What to do?

Currently, the animated letters are just falling from top to down. Make these animated letters rotate as well as fall with a random rotation rate.

Bounty points: 50

Allow only specific keys to be typed

What to do?

Right now, when a user presses on special characters like shift, tab etc that gets inputted in the guess field. You should not allow these kind of special characters and only allow alphabets.

Bounty points: 40

Adding divs with all alphabets

What to do?

In between the title and the canvas, add divs with all the alphabets. Once a user submits one guess, the guessed alphabets div's background colour should change(to show that it has been disabled). Innovation or creativity is highly encouraged!

Bounty points: 40

Show the timer countdown on the screen

What is the issue?

Currently, there is a timer that is set in the beginning(using setTimeout). Once five minutes is up, it resets the game. However, this timer countdown is not being displayed on the screen.

Bounty points: 15

Change the timer based on the difficulty

What the issue is?

Currently, when the timer is fixed no matter the difficulty. Change the timer countdown based on the difficulty level. Choose whatever time you feel is appropriate for each level keeping in mind that easy level has 7 tries, medium has 5 tries and hard has 3 tries.

Bounty points 20

Add difficulty levels

What to do?

Add difficulty levels like Easy, Medium, Hard using buttons. The number of tries a users gets to guess the correct word will depend on these levels. For example, the easy level can have 7 tries, medium level can have 5 tries and the hard level can have 3 tries.

Bounty points: 50

Add a timer

What to do?

Add a countdown of 5 mins. If the time gets exceeded, it should prompt an alert suggesting that the time is up and reset the game as well as the timer

Bounty points 40

Duplicate entries

What is the issue?

Right now, duplicate entries are being allowed. For example, I guess one word as DREAM and guess the next word as DREAM. It accepts that. What it should do is give an alert saying this has already been tried.

Bounty points: 30

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.