Giter VIP home page Giter VIP logo

code-wordle's Introduction

Code Wordle

Click here for the Deployed CODLE Website

Team Member Names:

Project Description:

Summary: What problem or pain point does it solve?

This is kind of a study guide, spell out the code terminology and when you complete it can bring up an example or description of what the code function does. Then you can play another round.
Recreation of NewYork Times WORDLE game, instead using 5-letter code terminology that we've learned so far.
User will be able to add a guess by using an on-screen keyboard, the guess will display within tiles above the keyboard.
If the letters are wrong the letters will shake, if they are correct they will turn an appropriate color: blue for correct; pink for correct but in the wrong index.
Once the user gets the correct answer the tiles will dance!
Once the game is over (on win or on loss) the word and word description will display on screen and will allow the user to click results and enter a new html page display parameters that are stored in the local storage.
The site will also include a separate Meet the Team page, with little blurbs about each member and links to each persons individual github profile.

MVP:

Would be a handful of viable products within the game (4)
when you succeed it displays a description of the concept
Local data storage will store:

  • Rounds played
  • Win percent
  • current streak
  • best streak

Constructor
Create Words to be guessed, and description of that word.

Stretch goals:

Have a CSS change the color of the letters once you get the letter correct and in the correct location or correct and in the wrong location
Have the game display if a word is not in the object and make it not count as a guess against them
Have the tiles apply a CSS animation on incorrect guess and correct word guess

Project Management Tool:

GitHub Projects

Codle Flowchart

Links and References

Our Instructor : Audrey Patterson
Data-* querySelector Dataset Rest Parameters forEach Animations Event Listeners Set timeout Element.ClassList Array.method.map

code-wordle's People

Contributors

motobenny avatar eden-brekke avatar colegibbs avatar taneshaa avatar

Watchers

 avatar

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.