30 Days of Code

Day 4: Aphasia Word Recognition Tool

An interactive tool to help practice auditory word recognition for individuals with aphasia.

Live Demo

How it Works

About This Project

This application is designed as a supportive tool for individuals with aphasia, focusing on improving auditory word recognition. Aphasia can impact the ability to understand spoken language, and this tool provides structured practice in listening to a word and identifying it from a set of choices.

The exercise involves listening to a word pronounced by the computer and then selecting the corresponding written word from three options. This targets the connection between the sound of a word and its written form, a common area of difficulty for those with aphasia.

How it Works

  1. Start: The app begins with simple instructions. Pressing “Start” initiates the first round.
  2. Listen: Each round focuses on words starting with a specific letter sound (e.g., ‘m’, ‘p’, ‘sh’). The user presses a speaker button to hear the target word pronounced using the browser’s speech synthesis.
  3. Choose: After listening, three buttons appear, each displaying a word. Only one word matches the one spoken.
  4. Select: The user clicks the button corresponding to the word they heard.
  5. Feedback: The app indicates whether the choice was “Correct!” or “Incorrect!”.
  6. Next Word: The user clicks “Next Word” to proceed through the words in the current round’s set.
  7. Round Complete: Once all words in the set are completed, a summary screen shows the score for that round.
  8. New Round: The user can then start a new round, which will feature words starting with a different, randomly selected letter sound.

The design uses clear text, simple buttons, and direct feedback to create an accessible and encouraging practice environment.


Creation Process

View Gemini Prompt
Create an accessible word recognition app for aphasia therapy.
Instructions:
1. Present instructions on how to use the app.
2. Have a "Start" button.
3. On start, select a random starting letter (e.g., 'm', 'p', 'b').
4. Display a "Round X" header.
5. Have a button to pronounce the current target word using speech synthesis.
6. After pronunciation, display three word options as buttons (one correct, two incorrect distractors from the same letter set).
7. User clicks one of the word options.
8. Provide feedback ("Correct!" or "Incorrect!").
9. Have a "Next Word" button to proceed.
10. Cycle through all words for the selected letter.
11. When the round is done, show a "Round Complete!" screen with the score (X out of Y correct).
12. Have a "Start New Round" button to begin again with a new random letter.
Use Tailwind CSS for styling, large fonts, and clear, accessible buttons.
View Gemini Transcript (Optional)
Paste the relevant Gemini chat transcript here.
You can format this section as needed.