selecting dining hall
database
main site

SDHacksHDHProject

This is a web-based weekly meal planner designed specifically for UC San Diego students who frequently/exclusively eat from HDH's dining halls, ie, students who live on campus. It allows students to input what they plan to eat, choosing from available dining hall food options on a selected day and time. In turn, they receive a summary of their nutritional intake and dining dollar costs for the week.

The program uses Python to collect the food data off the HDH Menu website. The data is stored using MongoDB and retrived server-side using Node.js. The information is displayed to the website which is written in Javascript, HTML, and CSS.

Main Page picture alt

Dining Hall Selection Menu picture alt

Database picture alt

Currently Complete Parts

Collect the food information from each dining hall and upload it to a database
Have a basic locally-hosted website
Have some core functionality

Currently Incomplete Parts

Displaying the food options for a particular day and time
Filtering out food with certain allergies specified by the user
Summarizing nutritional values and cost
Deploying website onto hosting platform

Team Members

Joseph Gilby
John Bae
Shawn Koo
Me

Stuff Used

Python
Jupyter Notebook
MongoDB
Node.js
Bootstrap
HTML + CSS

Major References:

creating basic CRUD app: https://zellwk.com/blog/crud-express-mongodb/
not used yet: https://zellwk.com/blog/crud-express-and-mongodb-2/
not used yet: https://zellwk.com/blog/nunjucks-with-gulp/
Searching for menu items with particular day and time: https://stackoverflow.com/questions/7176908/how-to-get-index-of-object-by-its-property-in-javascript
Sending entire database to browser: https://stackoverflow.com/questions/41142136/res-render-only-after-multiple-data-queries-have-finished/41142211
codecademy HTML course: https://www.codecademy.com/learn/learn-html
w3schools: https://www.w3schools.com/
Bootstrap docs: https://getbootstrap.com/docs/4.1/getting-started/introduction/

Built With

batchfile
html
javascript
jupyter-notebook
powershell
python
tcl

Submitted to

SDHacks2018

Created by

I worked on the front- and back-end. I used Node.js and HTML/CSS to create and design a website with the basic template of how things were planned to look like and some of the core functionality behind it.
I worked on setting up the mLab database to which Joseph uploaded his data, and retrieving the data to be put on the site.

I did not finish every feature I hoped to finish. However, being I was relatively new to Node and web development, I did learn a lot and consolidated topics that I was previously rusty on.

Thanks to Shawn for inviting me to the team!

Victor Luong
I worked on cleaning and presenting the data provided by HDH. I probably took the wrong approach by trying to translate the provided json on the webpage into pandas dataframes rather than directly uploading the json into mLab, but at least the experience motivates me to spend my time more wisely. I also worked on adding a 'lightbox' feature to the webpage when the user clicks on 'add food.'

Joseph Gilby
shawn koo
Junhee Bae

Updates

Victor Luong started this project — Oct 14, 2018 11:49 AM EDT

Leave feedback in the comments!

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