Memory Color Matching

Inspiration

We wanted to make a project that was fun and enjoyable for users to play

What it does

Our game shows the user 12 titles, with 2 pairs of each color. After 4 seconds, the colors will switch to grey, and the user needs to rely on memory to pair the tiles.

How we built it

We used HTML, CSS, and JavaScript to build our website! Unfortunately, we couldn't get CodeSandBox or other collaborative coding platforms to work, so we built a majority of our code on Notion. I would incrementally test the code independently on CodeSandBox and commit it to GitHub once it was stable.

Challenges we ran into

Trying to randomize the colors was really difficult, so we had to do much more research on how to implement that feature. Without that feature, the game was too easy and boring.

Accomplishments that we're proud of

We're really proud of creating a functioning app! It was the first time that our entire group participated in a Hackathon and we all had really minimal coding experience, so it's really rewarding to have a final product to showcase.

What we learned

We learned so much more about website building as a whole! I also learned a new randomizing algorithm to implement the random colors.

What's next for Memory Color Matching

As we go forward, we hope to make the game more interactive. Perhaps instead of colors, we can different pictures on each tile to make the UI more pleasing to the user.

Built With

• codesandbox
• css
• github
• html
• javascript
• notion