--- 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: ```json { "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 ```bash # 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