Early Smiles

Inspiration

The Smiles for Speech hackathon prompt.

What it does

It presents information for both caregivers (like parents) and people who want to learn more about autism, including resources and personalized recommendations. It also creates an informal autism screening based on the DSM-5 criteria to help communities find a diagnosis.

How we built it

I Early Smiles using TypeScript and Node.js, and used Prisma to manage the database. The site keeps track of users, their profiles (whether self or caretaker), their location, and their screening responses, allowing personalization for each person.

Challenges we ran into

One of the biggest challenges was how interconnected everything was. Since the app relies heavily on personalized data and dynamic content so I ran into issues with links and navigation breaking whenever I updated the APIs.

Accomplishments that we're proud of

I'm really proud of the admin dashboard. I think it's a nice overview of the scope of the data collected in the website.

What we learned

I learned how to work with Prisma to manage data, how to create and use APIs, and how to handle conditional rendering based on user roles and status.

What's next for Early Smiles

I would love to include screenings for other developmental needs, like ADHD or OCD, and expand access to more languages and communities.

Built With

• html
• node.js
• prisma
• tailwind
• typescript
• vercel