Slugtrition

Landing page for Slugtrition

Inspiration

Seeing as to how we are all students at UCSC, we have all experienced being stuck in the dining hall not knowing what to eat and how much to eat and being confused on what to get. The UCSC student body itself is one that is very diverse and seeing how there is a myriad of dining hall options, we wanted to seek a solution to this dilemma by catering towards a more personalized, unique approach to help a dining hall-goer get a meal plan they can follow on a day to day basis.

What it does

This website will allow a user to see what items are in the dining hall and goes through whatever is in the four dining halls at UCSC and create a meal plan for breakfast, lunch, and dinner. This dietary planner scrapes what is in the UCSC dining hall database for daily meals and different attributes (vegan, halal, contains soy, etc.) to create the best plan based on the person's needs.

How we built it

We wanted to create a seamless front-end using HTML, CSS, JavaScript, and React to have a landing page which the user would first encounter. We then incorporate a Get Started button in order for the user to create a profile which asks basic dietary questions and this data would be sent to a database which would then be used to sort through different meals in order to find the best to display on a dashboard that shows what the user can have for breakfast, lunch, and dinner and also contain dietary information such as calories and protein based on their health goals such as if they want to gain muscle or lose weight or etc.

Challenges we ran into

A lot of the challenges we ran into involved CSS, as the formatting for the user experience was one that we really wanted to enhance and create a better personal experience for. There were also problems on the Git side of things as we had quite a few merge conflicts that were luckily sorted out through efficient collaboration on the developer end.

Accomplishments that we're proud of

We were able to create a unique landing page as well as a successful log in and sign up for the user that would allow them to create a password as well as sign in with Google along with a strong password authentication system from the backend.

What we learned

We learned a lot about React, especially considering how it was a lot of our group members had very little prior experience but were still able to collaborate effectively to create a better front end. Also we learned how to use Firebase which allowed us to set up a strong backend system for storing user information and sending that data into the React webpage.

What's next for Slugtrition

We want to still enhance this website by potentially making a mobile app along with having more personalized dietary information to display based on having more user profile questions.