Weebs' Match Game

light mode instructions
dark mode instructions
light mode game
dark mode game

Inspiration

Games

What it does

It's a card game where you flip cards and try to match them with the least amount of attempts possible.

How we built it

In html, javascript, and css. We first brainstormed stuff and decided on a card game, since we took too long to brainstorm and there wasn't much time left. Also, most of us weren't very experienced in programming... at all... So we stuck with this language. We used repl.it to collaborate live, and we had andrew do the html css while the rest of us worked on the back-end code and organization

Challenges we ran into

Randomizing the cards was difficult since we had to search up how to use for functions, and we finished coding it using the for(each item in x) function before we found out about the for (i = 0; i < x; i++) function, which could've simplified our code a lot. But it's okay, since it worked out.

Accomplishments that we're proud of

The entire thing, but especially the randomizer and the light/dark mode. Although the latter was very simple, we thought it added a lot.

What we learned

How to use for functions, teamwork//collaboration, organization, and PLAN BEFOREHAND SINCE WE DIDN'T FRIGGIN' DO IT

What's next for Weebs' Match Game

Maybe we can make it a part of a larger group of minigames.

Built With

Submitted to

TeenHacks LI - Fall 2019

Created by

I worked on the back end of the project, planned the thing, and figured out the card position randomizer/shuffler. I worked mainly on the functionality of the game.

Issac Zheng
I worked on the back end of the code with HTML and Javascript. The rules page was made with HTML and the I did some of the matching aspects of the game.

Ryan Zheng
I found the images and organize the format and assisted on the back end of the code

Wilson Jiang
I contributed to the project by working on the front end using HTML and CSS. I did the light and dark modes in the project.

azhang4725 Zhang