A fun side project to recreate one my favorite games from childhood - Mastermind.

role

Developer, Designer

frameworks & tools

React
Styled Components

background

I built this game soon after I started coding full-time as a way to better learn React and as a porfolio project. I've gotten a lot better since then, but I'm including here because I still think it's fun.

  • Responsive design for mobile and desktop. The most challenging feature was having a responsive color picker that fans out around the dot, sized according the screen width. It required a lot of math and dynamic variables in the styles.
  • CSS animations reveal the solution and show wining or lost game banners.
  • Game logic replicates original board game.
    (Plus, trying to explain the rules, which are a bit complicated.)