/guessRGB

A color guessing game built in React with TypeScript

Primary LanguageTypeScript

guessRGB

AKA Wordle With Colors

What is this?

A casual browser game. Guess the color by selecting a value from the color input. The answer is randomly generated. The player has five chances to guess correctly.

This application is currently in development. It's being completely rewritten. It can be played below, but the demo does not feature working login/registration!

To do:

  • General
    • Select a color family to streamline guessing
    • Add a social/sharing feature for results
    • Adjust handicap (default: a value within 25pts of the target is correct)
    • Add an info/about page or modal
    • Move local variables to useContext
  • Navigation
    • Integrate log in session info with app navigation
  • Styling
    • Sound effects
    • Finish styling
    • More feedback in general
  • Login and registration
    • Add retry cooldown
    • Add more feedback/info to login/registration
    • Rework login with better salt/hash protocols
  • Profile page
    • View others' profiles
    • Display by newest to oldest
    • Paginate results
    • Show win/lose stats
    • Show winning color swatches

Tools:

  • React + Typescript
  • Bootstrap 5 + React-Bootstrap
  • MongoDB + Mongoose
  • Bcryptjs
  • Node.js
  • Next.js + NextAuth