Maternal Chat Support

• 

  Landing page

• 

  Services and features

• 

  Edit profile

• 

  Selection page

Inspiration

We drew our inspiration directly from the hackathon's theme to design a free web app that offers assistance to maternal patients at no cost. Looking at a real-world problem, such as losing a loved one due to pregnancy complications or feeling helpless as a new mother struggling with postpartum depression can be devastating. These experiences spark a desire to create a support system that provides emotional guidance, resources, and community connection to expectant mothers and new parents, ensuring they never feel alone or unsupported during this critical journey. That's what guided our vision.

What it does

This web app offers lifelong support by providing maternal patients (users) with real-time assistance and guidance. Users can either engage in a conversation with the system or type their concerns, allowing the integrated AI to address their questions and provide responses.

How we built it

We built this web app using the following technologies:

• JavaScript (Programming Language)
  
• Next.js and Material UI (Frameworks)
  
• Gemini API (API Integration)
  
• Firebase Database and Clerk Authentication Provider (Cloud Services)
  

Next.js was used to develop the website's frontend, while Material UI provided the styling needed to enhance the user interface. The Gemini API enabled real-time responses to user queries. Firebase served as the database, allowing users to store, retrieve, and delete their chat history easily. Clerk handled the authentication logic, ensuring secure user access.

Challenges we ran into

Some of the challenges we encountered involved working with technologies that we were not entirely familiar with, although a few team members had limited prior experience with them. Despite these hurdles, we put in our best effort to overcome the obstacles and successfully complete the project.

Accomplishments that we're proud of

We are proud of several accomplishments, including seeing the web app function exactly as we envisioned from the start. As students, we successfully applied our knowledge of these technologies to create a functional solution. Most importantly, we take pride in developing a tool that can provide meaningful assistance to maternal patients.

What we learned

We have learned so much throughout this project. From effective team collaboration and finding common ground despite our differences to managing time constraints and incorporating feedback from our peers to improve the site. We also gained experience in integrating external cloud services to address specific challenges. Most importantly, we learned how to transform our thoughts and ideas into a functional reality through coding.

What's next for Maternal Chat Support

We have exciting plans for the future of Maternal Chat Support.

1. Document and Image Upload Feature:

   • Enable users to upload documents and images into the system.
     
   • Allow the AI to analyze these files and provide explanations or assistance to help users better understand the shared content.
     

2. Real-Time Health Practitioner Support:

   • Introduce a feature that connects users to health practitioners via calls for further assistance—free of charge.
     
   • Implement AI recognition to detect when users might need expert help and recommend this service.
     
   • Provide an option for users to access this service anytime they need it.
     

3. Community Building:

   • Create a community feature where maternal patients can schedule meetings through posts.
     
   • Allow users to connect, share experiences, and offer peer support.
     

We believe that incorporating human-to-human interaction alongside AI assistance will greatly enhance maternal healthcare support.

Built With

• clerk
• firebase
• gemini
• javascript
• materialui
• nextjs
• provider