Disease Database

Change name screen
Disease info screen
Disease screen
Login screen

Inspiration

Very few mobile apps dealt with disease databases so we wanted to expand the mobile market of this type of application.

What it does

Users can scroll through a list of diseases and expand them to view information about that disease, such as a summary, symptoms, treatment, and related diseases.

How we built it

We used React Native to build our mobile app so both Android and iOS users can enjoy our app and shorten our development time to do so. We used Expo CLI to develop our app.

Challenges we ran into

The backend struggled with the development process and therefore most of our app is client-side. None of our group members built a mobile app before so the general process of making a mobile app, and the tasks associated with it, was difficult.

Accomplishments that we're proud of

The frontend looks good and looks accurate to the Figma we built early on in the development process. We used some tricks and frameworks to make it look nice but a lot of it is pure javascript styling.

What we learned

We learnt a lot more about the differences between web development and mobile development but at the same time, the similarities as well. This was the first time we used React Native and it's always fun to use a new language for the first time. The KnightHacks team taught us about Figma which was a very useful tool in our planning and design process. We know the struggle of trying to design an application with no prior design planning, but with Figma, it helped us create a clear image for our mobile app that the team could agree on. It was cool to see how the frontend and backend connects and how to use node.js to make API calls. Some members also learned how to use Git for the first time, which is a much needed skill in today's world.

What's next for Disease Database

User login/signup functionality
Single sign-on
Taking notes on diseases
Teleconference features

Built With

Submitted to

Knight Hacks Projects Program Fall 2021

Created by

I worked mainly on the frontend to implement the overall design of the mobile app. Utilizing React Native and a few production-ready components from sources such as React Native Paper, we were able to achieve the same great look we had on our Figma.

Jonathan Field
I worked on the back-end implementing the login functionality with Andrew, and learned node.js.

Christopher Onyiuke
I worked on front-end. Specifically the Signup page and Account Page. I also researched and got Summary, Symptoms, Treatments and Related Diseases information for the diseases.

devakSharma
I worked on the API development for this project. My job was to gather the data about diseases that was hosted by the World Health Organizations ICD API.

Harshavardhan Bangaru
I worked on the back-end implementing the login functionality. While doing this, I learned how to use GitHub, Git, JavaScript, react native, and node.js.

Andrew Valentin

Updates

Jonathan Field started this project — Dec 12, 2021 10:29 PM EST

Leave feedback in the comments!

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