Healthy Hoops

A helpful cross-platform app that allows basketball players to read up on their ailments and how to treat them. It also comes with a fun basketball quizzing function to use while in recovery.

Comment

Inspiration

In 2019, basketball was the third highest-ranking sport in reported sports injuries that year. According to Johns Hopkins Medicine, more than 170,000 children ages 5 to 14 were injured playing basketball in that year alone. Due to this, we wanted to create an app that was easily accessible to other children and basketball players alike that would provide helpful information and bring awareness to the most common injuries in basketball to date.

What it does

The multiplatform app (runs on iOS, Android, and on the web) gives a basic medical resource for basketball athletes and information for those suffering from similar ailments. It is composed of 4 flutter widget cards that lead to a short article on the injury complete with a list of causes and a passage on possible treatments. It also has a card at the end that leads to a 14 question quiz on true/false questions regarding basketball if users wanted to do learn about the sport to pass time while recovering.

How we built it

We built Healthy Hoops on VSCode and ran the code on Android Studio's and Chrome's respective Android and web emulators. The app was constructed with the Flutter framework and written in the Dart programming language with a little bit of YAML to implement images in the application.

Challenges we ran into

Both of us are extreme novices in Flutter and Dart and only started to actually get to know the programming languages in the past month. With Dart becoming our first programming language, it was a bit hard to get to know the syntax at times and even more so to learn a little of other languages such as YAML so we could get things to work. However, we enjoyed the challenge, and despite slow environments as well as stingy emulators got it to run on all platforms in the end.

Accomplishments that we're proud of

Leah: I pushed my knowledge of Dart and Flutter and got to see our app on iOS, Android, and web screens. I was able to learn how to create page navigation through Dart and immediately apply it to our project which I thought was pretty cool.

Lani: I never heard of YAML up until recently but never really got to figure out how to use it other than to link asset folders to a project. I was intrigued by how I could bring up a new image file to both iOS and Android and see changes in our project automatically through Flutter's ability to conduct hot reload.

What we learned

Leah: I learned that coding is pretty boundless, and can have some pretty impactful applications in the real world. On the more technical side, I learned a ton about Flutter and Dart as well as how to develop a user interface. Something specific I got out of this was that I learned how to create page navigation in our Flutter applications through an android emulator.

Lani: In order to change the app's icon so it could fit the circular icons of Android devices I learned a bit of YAML so the logo could be recognized in the files. Additionally, I learned quite a lot about the history of basketball and how to recover from limb injuries by researching the subject matter for the content of this app. Did you know that basketballs were originally not orange? Fascinating.

What's next for Healthy Hoops

Programming a page that can connect a user to a nearby hospital by a map would be a useful feature to have and a chance for us to implement an API for the first time in our applications. Additionally, publishing this app or buying a domain for it might help us get more beta users and feedback on our work so we can add to its functionality and usefulness.

Built With

Share this project:

Updates