Depdu

product page
landing page
chatbot + recs

Inspiration

Our inspiration are the amount of women who are growing all over the world and yet have little to no clue on what to do regarding their periods or birth control. Our website is catered to those specific needs.

What it does

What our project does is not just a friendly user interface but allows women to talk to an AI chatbot per any questions they may have when going about their growing bodies. Our project aims to provide inclusivity for all women by allowing them to search for clinics or shops that offer resources to women such as birth control etc. Our mascot Denise the duck is our friendly AI chat bot that allows users to ask it anything and get a response in real time.

How we built it

Through our project we used a combination of Chakra UI, Figma, Tailwind, Javascript and React Google Maps for the front end. For the backend we used SocketIO connection, Express, Node, to enable bidirectional communications between the client user and the server. We allowed the user to communicate with a chatbot that is prompted to know the situation of a user and provide suggestions based on the users response in real time.

Challenges we ran into

The server was giving us a bunch of errors. We also never worked with sockets and it was a new experience navigating how to communicate between client and server using socket events and IO server ports. We also had trouble navigating the start the chat bot because we had little experience building AI applications. For react google maps, it was new and was hard to find examples of usage so we had to base most of the code from different resources.

Accomplishments that we're proud of

Connecting the SocketIO with the backend server and client. We were also able to navigate the react google maps and build a nice looking frontend.

What we learned

We learned the server connections between socketIO for clients and servers. We also learned tailwind a bit more as well as building AI components for our chatbot.

What's next for Depdu

We want to create a new feature that allows younger children to learn even more about the body and resources they can find while making it interactive and playful through games and quizzes.