Inspiration

Ever since we started attending UC Davis, one of the first things I encountered was the Dining commons and their services. A teammate personally has a peanut allergy which made getting food quite annoying sometimes. He would frequently go on the dining common websites to check the ingredients of each dish. He would also have to visit multiple websites in order to see which dining common would have the most options. This inspired us to create a website that showcased all the dining commons' menus and create a filter that accommodated food allergies.

What it does

Showcases the menus of the UC Davis dining commons (Tercero, Segundo, Cuarto, and Latitude). Also has a filter that hides food items that contain ingredients that go against selected food restrictions.

How we built it

The website was built using Visual Studio Code and was written with ReactJS, Bootstrap library, HTML, CSS, and Figma. GitHub was also used to share code with each teammate and for version control.

Challenges we ran into

Since our team only has developers, we did not have much experience with designing the website. One of our initial goals was to web scrape data from the original dining common menu, and use it on our website. However, the organization of the food items and ingredients was not sufficient enough for our level to extract data. The data on the website now is current data from the dining common website that was manually coded in.

Accomplishments that we're proud of

An accomplishment that we are all proud of is creating a working filter that hides food items containing ingredients that were selected as food restrictions. This filter was very difficult to get working, so it was satisfying to create. Another accomplishment that we are proud of is how well we were able to communicate and solve code/logic errors as a team.

What we learned

We learned a lot more about using ReactJS and using Github to keep track of our versions and branches.

What's next for Davis Dining Commons

The next step for Davis Dining Commons is to improve the design and look of the website. Another goal we have is to try retrieving data from the original dining common websites.

Share this project:

Updates