Inspiration
This project was inspired by a medical student who believed that combing through first-aid textbooks and resources was too cumbersome in actual emergency situations. Although the American Red Cross has a reputable first-aid app, it is long and may not be the most digestible resource to rely on in the event of an actual first-aid crisis. Introducing Aidin', a first-aid app AI-powered chatbot designed to simplify first aid and help users understand what to do next in moments of crisis.
What it does
Aidin' is a first-aid web app powered by Google's AI that responds to first-aid questions in a timely fashion with digestible materials. From asthma attacks to bee stings, this chatbot is designed to guide users through the sequence of necessary actions as they wait for help from actual first responders. It is not intended to replace first responders or professional medical advice but is rather a tool that refers users to medical attention and other resources should the need arise. Furthermore, it aims to allow users to be proactive in their care while they wait for help to come their way should it be necessary.
How we built it
This web app was built using predominantly VueJs and Javascript. The front end and interactive features were built using VueJs and the backend was done in Javascript. A line was added to the prompt to "only respond to health-related questions" with the intention of keeping the chatbot focused on first-aid questions.
Challenges we ran into
Certain challenges we ran into included tailoring the Google Prompt API to provide accurate responses and integrating it into the VueJs and JavaScript front end. We compiled a list of 100+ accurate and reputable sources to base our chatbot information on so that the chat responses can be as accurate as possible. These sources include the American Red Cross and several first-aid textbooks to name a few. Unfortunately, we were unable to incorporate these sources into the prompt API because the API did not support these adjustments. Further tailoring of the API to exclude questions non-related to first aid was also added but may not yet be optimized.
Accomplishments that we're proud of
We're exceptionally proud of our ability to work together as a team to tackle real-life issues. Notably, we are proud of our ability to implement an aesthetically pleasing front-end design. We are also proud of our ability to create an interactive user interface for the chatbot portion of the application from scratch. Being able to integrate the Google APIs in our web app also proved to be challenging but we were able to make it work!
What we learned
We learned that there can be a lot of legal liability when it comes to developing a tool like this so we recognize that the feasibility of the web app is contingent on the accuracy of the chatbot. As people begin to rely more and more on AI for assistance, the room for error has become significantly smaller. We hope that we can use these insights to benefit the future renditions of this project. We also learned a lot about VueJs and the web app development.
What's next for Aidin'
Aidin' was originally supposed to have a learning portion of the application that we were unable to implement due to time constraints. The learning portion would mimic the popular application 'Duolingo' by gamifying learning and presenting content and activities for users to reinforce their first-aid knowledge. Ideally, the chatbot would be able to reference the hundreds of sources we obtained and be able to base responses from these references so that the chatbot can provide information that is as accurate and as reputable as possible. Ideally, it would also work in a fashion that excludes questions not related to first aid. This way the chatbot is built with one goal and intention in mind.
Built With
- javascript
- node.js
- primevue
- vuejs

Log in or sign up for Devpost to join the conversation.