README.md

metadata

title: To Where
emoji: 👁
colorFrom: yellow
colorTo: pink
sdk: docker
pinned: false

Colorful Semantics - To where? Game

A learning game that teaches sentence structure through colorful semantic components.

Features

• Interactive game for learning "to whom" sentence components
• Visual and animated feedback for correct answers
• Support for both images and videos
• Customizable questions and answers

How to Play

1. Look at the image/video and read the colored sentence parts
2. Choose the correct "to whom" option from the choices below
3. The game will animate the correct answer to the pink box
4. Continue to the next question automatically

Adding New Questions

1. Add your image or video to the public/media folder
2. Edit the public/questions.json file to add a new question:

{
  "file": "media/your_image.jpg",
  "who": "The boy",
  "doing": "is giving",
  "what": "a book",
  "to_whom": "to the teacher",
  "distractors": ["to Mom", "to the dog", "to Grandma"]
}

3. Each question needs the following fields:

   • file: Path to the media file (jpg, png, or mp4)
   • who: The subject of the sentence
   • doing: The verb phrase
   • what: The object
   • to_whom: The correct answer (recipient)
   • distractors: Array of incorrect options

4. Restart the application to see your new questions

Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

Making sentences

The words:

subjects

Blippi (man) Zaki (Boy) Harun (boy) Rashid (boy) Kazwa (boy) Bilal (boy) honeybee (boy) dinasaour (boy) boy girl man woman lady children kids cat dog mouse tiger witch elephent Mustafo (male) Muhammad (male) Hidoyat (female) Sardor (male) Ulugbek (male) Policeman (male) Nurse (female) Pilot (male) Florist (female) Builder (male) Teacher (female) Doctor (male) Dentist (male) Binman (female) Postman (female) Firefighter (male) Lollypop lady Gardner (male) Mechanic (male) Painter (male) Lifeguard (male) librarian (female) bus driver (male) cook / chef (female) barber (male) Farmer (male) Astronaut (male) Paramedic (male)

verbs

read drink case sit buy jump hold cry ride wash fly eat dry play climb scratch cut brush bounce argue work fight practice throw take bring take wipe drink

what

flower icecream pen pencil socks underwear coat wellies shoes spoon fork food bread butter salt chilly bathroom towel coffee tea milk almond monkey nuts upstairs downstairs

To Where?

a school a garden a Hainault forest a playpark a playground a house a flat supermarket shop post office bus station train station Bank museum London transport museum cafe barber Masjid Mosque Salam youth academy retraurant city centre forest church hospital hotel Madrasa toilet living room learning room classrom garage first floor Eatington road halford road home airport Tashkent Uzbekistan London Icecream van market shop Cash mashine petrol station Tesco Lidl Whipps cross College apartment kitchen learning room bedroom bathroom

License

MIT