We chose to compete in the Accessibility track by building a program designed to help children with speech impediments by making books easier to read. 18% of school-aged children with disabilities have speech impediments. Non-English speaking households are 50% less likely to receive speech therapy, and children in black communities are 48% less likely to be receiving speech services.
We have seen young children who struggle with speech impediments and notice that its very difficult for lower income or busy families to access speech therapy tools and tutors.
We built a online webapp that will help children with their speech impediments through easily digestible and engaging stories that allow children to practice challenging issues they encounter in their daily speaking. By using a finetuned LLM and various speech to text APIs we built a helpful and user friendly web-app to better engage and help kids with customizable stories and beautiful graphics. There are various tools built in to help them with hearing and speaking practice as well.
We build this application by using a multipart full-stack approach, making use of Next.js sleek and efficient paging ability and Express.js robust server components. We also made use of various speech and pronunciation APIs for extra features to help out with learning and made use of a finetuned LLM to generate engaging and interesting stories for elementary vocabularies.
We ran into issues revolving around API calls and server side rendering but we're happy to say we got past them and fixed many of the issues!
We plan to continue working on this project, updating bits and pieces to help cover even more speech impediments along with more complex books and stories. Theres a whole world out there and we're super hyped to continue helping people improve their vocab and speech with software and AI tooling!
To get a local copy up and running, follow these steps:
- npm
- Node.js
Clone the repository
git clone https://github.com/digitalRM/SWEHacks2024.git
Install required packages
npm install
Run the frontend server
npm run dev
Replace OpenAI API key with your own
const openai = new OpenAI({
apiKey: ""
});
Run the backend server
node API/server
- NextJS -
React.JS framework
- ExpressJS -
Back-end web framework
- Tailwind CSS & UI -
CSS framework and UI library
- Lucide React -
Icon Libray
- OpenAI API -
OpenAI API access with JS