Students Code Matching Games

Upper School computer programmers collaborated with teachers to code visually responsive matching games for peers to review new materials.

As part of her class, teacher Brianna Ifft wants her Computer Programming II: Web Dev students to get experience working with clients. To help make this happen, she recruited teachers who were interested in exploring custom digital matching games to help students in their classes. 

Students partnered up and scheduled initial consultations with their “client” to get a sense of the client’s needs and the types of content to match as part of the gameplay. They also attempted to better understand their client’s vision for the project to help build a visually engaging, responsive game board layout that met their client’s unique specifications.

The projects consisted of two phases: layout/design and coding the matching functionality. The layout/design component allowed students to demonstrate their mastery of Flexbox, a CSS Web layout model that displays digital tools responsively on a range of devices with different screen sizes. Each computer duo infused their client’s digital vision into their game using color, size, ordering and more. 

After sharing their initial creations with their clients for formal feedback and refinement, students coded the matching functionality of their creations and worked iteratively to test and tweak their games to obtain their client’s final approvals. With their teacher’s blessings, students can now use these new tools looking for a novel way to review class materials.

Click here for photos.

All are welcome to share in the students’ matching games by clicking any of the links below.