SlugVitals

• 

  main dashboard that shows nutrient statisitics

• 

  history tab that shows a log of what you inputted

• 

  add screen, displays a list of dining halls

• 

  the menu form for inputting meals

Inspiration:

Our primary inspiration came during brainstorming when one of us brought up the quality of the dining hall food. This led us to consider what we could do to help our fellow students regarding the dining halls, and it brought us to the idea of a nutrition app, something that could give useful information and would be easy to reference.

What it does

SlugVitals allows a user to track their macronutrients and FDA daily values based on the meals they eat from one of UCSC's dining halls. Users can log their meals into the app and that data will be stored and added to a tracker that is viewed from the home screen.

How we built it

We used Flutter for the front-end and obtained the list of menu items via a web scraper made with Flutter's https package. Figma was used for prototyping and Android Studio was used to test in an Android emulator.

Challenges we ran into

This hackathon was pretty challenging, as three of us had never done hackathons before. It took us the entire first day to setup Android Studio, Flutter, and the related SDKs and dependencies. Afterwards, learning Flutter was also a big learning curve as it is the core of our project and none of us have used it before, as well as having no knowledge on how to build a web scraper or send HTTP packets on top of the tight time constraints.

Accomplishments that we're proud of

We are all very proud that we were able to pick up so many unfamiliar tools and resources and were able to utilize them to create a mobile app, something none of us had ever even considered doing before this hackathon. None of us really had any expectations going into the event, so it was definitely an accomplishment for us to be able to have a product that we can definitively call ours and that we poured many hours into. We are also very happy with the levels of communication and teamwork that we had during the development process. We had a member who took charge and kept the team on track and cohesive throughout the entire process, and none of us were afraid to ask for help when we needed it.

What we learned

We learned quite a lot from the development of this app. The biggest and most tangible skills that we learned were how to use the Flutter and Dart frontend tools, as well as the Android Studio IDE. We also developed quite a few soft skills as well, particularly communication and teamwork skills that will likely prove valuable in our future projects. We also learned how to conduct research into unfamiliar tools, concepts, and ideas, as much of the development was done in very unfamiliar territory.

What's next for SlugVital

In the future, we would like to polish our app further, ideally being able to improve the user experience with more accessibility functions. We would like to add functionality to be able to scan nutrition labels on items like snack packaging so that those can be inputted into the application as well. From there, we would like to deploy to a commercial appstore and gather community feedback.

Built With

• dart
• figma
• flutter
• webscraper