Inspiration
From the beginning, our team was set on the topic of education with the vision of informing anyone possible in the society of heart illnesses.
What it does
After brainstorming, we choose to show this big data by creating a heart disease risk calculator. This will come in a mini survey. After answering a few questions, a percentage will show up. That would be your personal calculation of your risk of getting a heart illness in your whole lifetime!
How we built it
First, we did a lot of research to understand our data. A LOT of research. From the general facts all the way deep to the risks of groups with a certain amount of cholesterol.
Second, we designed our prototype on Figma. Of course, we considered many UI/UX elements to enhance the experience. Such as the precisely chosen warm orange; not only relating to our hearts but also not an extremely vibrant color shocking to the eye.
Next, we converted our Figma prototype into HTML and CSS using a plugin called TeleportHQ. It took some kicks and tricks, and we finally exported our code.
Lastly, we started the coding. We used a platform called Replit. Our team members came together and put together the HTML, CSS, javascript as well as python to form our website. Of course, the heart disease risk calculator took a bit more time, but we did it!
Challenges we ran into
Our team had some challenges with Figma. We weren’t aware that Figma requires a plugin to convert and export the code. So we had some frustrations finding the right plugin as well as getting familiar with the plugin to fix the website.
Because TeleportHQ was not able to accurately convert all of our pages, we were not able to keep all of the pages that we have designed on Figma.
Accomplishments that we're proud of
Like we’ve mentioned before, the amount of research that each of our team members took up isn't a small number. We are very proud of the reliability of our heart disease risk calculator.
Along with the research, we are also very, very happy that our database worked out. It collected inputs from the users, calculated it, and successfully output the correct results.
What we learned
Since we had quite a few issues working with Figma, we now learned not to use Figma as a final prototype, but rather a rough draft.
What's next for Heart Disease Calculator
After all the three days of endless hard work, our team actually believes that our heart disease risk calculator can be a real help in our society. From students to retired families, anyone can access this simple survey. Of course, if this calculator were to be published, we would need to add more questions and tailor the percentages as accurately as possible.
Log in or sign up for Devpost to join the conversation.