Non-Verbal Autism Communication Tool

Developed during a 24-hour hackathon, this project addresses the communication challenges faced by non-verbal autistic individuals. The application provides an accessible, customizable communication tool that empowers users to express their needs and emotions through visual interfaces.

The project demonstrates how technology can create meaningful social impact by improving quality of life for individuals with communication disabilities.

Built using React and TypeScript for type-safe component development. The interface features a grid-based layout displaying customizable communication cards. Each card triggers Web Speech API text-to-speech when pressed, providing audible communication.

The application includes caregiver configuration modes allowing customization of card content, images, and phrases to match individual user needs. State management uses React hooks with local storage persistence. TailwindCSS provides responsive styling that works across devices.

Accessibility features include high-contrast modes, large touch targets (minimum 44x44px), and simple navigation optimized for motor skill variability.

The hackathon project received positive recognition for its social impact focus and practical implementation. The tool successfully demonstrated real-time communication capabilities with clear, natural-sounding speech output. User testing with accessibility consultants validated the interface design.

Future development could include symbol libraries (PECS-style), user profile management, and offline functionality for use in all environments.