Touch-Color-Changing Tiles for Babies

[kimpro82]

Simply change colors when touch

---

Title: Touch-Color-Changing Tiles for Babies

Deadline: Midnight, January 18, 2024

Required technologies: HTML5, Sass, TypeScript

Features:

• Basic scenario (minimum requirements):
  • Implement a web page with a grid layout.
  • Display real baby photos in each grid space.
  • Randomly change the color of the corresponding grid when touched.
  • Apply the same touch and click actions for smooth testing.
• Extended scenario (to do as much as possible):
  • Specify a color palette with a focus on pastel tones.
  • Distinguish between mousedown and mouseup actions.
    • mousedown: White
    • mouseup: Randomly change to a color
  • Add other necessary ideas.

Detailed schedule:

• January 16 (Tuesday): Practice implementing touch events.
• January 17 (Wednesday): Configure the web page and apply touch events.
• January 18 (Thursday): Testing