Shape & Colour Fun!

A simple browser-based toddler learning game that teaches shapes, colours, and numbers through touch-friendly interactive play.

Features

• Three game modes: Shapes, Colours, and Numbers
• Voice instructions: Text-to-speech reads out each prompt using a female voice where available
• Celebration feedback: Confetti and animated praise phrases on correct answers
• Wrong answer feedback: Shake animation and dimming on incorrect taps
• Score tracking: Star counter displayed in the header
• Mobile-friendly: Responsive grid layout, pinch-to-zoom disabled, tap highlights removed

How to Play

1. Open index.html in a browser
2. Select a mode (Shapes, Colours, or Numbers) using the buttons at the top
3. Listen to or read the prompt (e.g. "Touch the Triangle!")
4. Tap the correct shape, colour, or number from the four options shown
5. Earn a star for each correct answer

Game Modes

Mode	Description
Shapes	Identify circles, squares, triangles, stars, hearts, and diamonds
Colours	Identify red, blue, green, yellow, orange, pink, and purple
Numbers	Identify numbers 1–9

Tech

Single index.html file — no build tools or dependencies. Uses the Web Speech API for voice output and SVG for shape rendering.