The following web interfaces are the teaching materials I made for my students.
Programming Jeopardy Game
Programming Jeopardy Game is a web interface for users to learn basic JS knowledge with point-based system. It provides answer keys if clicking the wrong answers, so users can learn from mistakes. It reads columns and rows of CSV files to retrieve the questions and answers keys, so that the code can be customised to any other jeopardy games by editing the CSV file.
Please click the following link to access Programming Jeopardy Game:
https://kaheicheng13-source.github.io/InteractiveTeachingMaterials/Programming_Jeopardy_Game/
Music Jeopardy Game
Music Jeopardy Game is a web interface for users to learn basic music theory knowledge with point-based system.
Please click the following link to access Programming Jeopardy Game:
https://kaheicheng13-source.github.io/InteractiveTeachingMaterials/Music_Jeopardy_Game/
Valentine’s Day Flower – You Love me or You Love Me Not
The web interface is designed around the playful concept of “you love me, you love me not.” As users click on individual flower petals, the system alternates between displaying “you love me” and “you love me not,” while also revealing different compliments for the recipient. Once all the petals have been clicked, pink bubbles emerge from the flower and a heart appears. Inside the heart, the message “I love you” is revealed. When the first petal is selected, a piece of music begins to play, enhancing the interactive experience. Users can further personalize the interface by customizing the sender and recipient names, selecting the music, and editing the compliments displayed throughout the interaction.
Please click the following link to access Valentine’s Day Flower – You Love me or You Love Me Not:
https://kaheicheng13-source.github.io/InteractiveTeachingMaterials/ValentinesDayFlower/
Valentine’s Day Letter
The web interface is a letter to your loved one. When user clicks the heart, pink bubbles and a message pops out with music.
Please click the following link to access Valentine’s Day Letter:
https://kaheicheng13-source.github.io/InteractiveTeachingMaterials/ValentinesDayMessage/
Valentine’s Day Matchmaking Quiz
The web interface is a matchmaking quiz for your friends and family in Valentine’s Day to know about each others preferences. The quiz is scored to show the percentage of the match as an icebreaking game.
Please click the following link to access Valentine’s Day Matchmaking Quiz:
https://kaheicheng13-source.github.io/InteractiveTeachingMaterials/ValentinesDayQuiz/
Ka Hei Cheng 