Inspiration
My teammates and I found ourselves constantly having to navigate through the UVA dine website to determine whether or not a certain dining hall was open. Trying to memorize each dining hall's schedule was difficult and annoying. So, to fix this we put hours and open status of each dining hall all in one place!
What it does
"Hoo's Open?" shows users whether or not a dining hall is open at the time of viewing as well as linking directions to each dining hall.
How we built it
We leveraged HTML, CSS, and Javascript to build this website. Our team collaborated on files using a GitHub repository. We connected our Javascript functions with HTML using the DOM.
Challenges we ran into
We ran into issues with image positioning and CSS styling (i.e. images would appear centered on pc browser but off center on mobile browser). Additionally, certain Javascript functions related to time conversions had incorrect logic.
Accomplishments that we're proud of
We're proud that our team was able to fix bugs that came up with grace and precision.
What we learned
For some team members this was their first team doing web development and using GitHub to work on a collaborative project. This familiarized them with connecting Javascript functions to HTML & CSS as well as using git commands properly (i.e. order of git pull, commit, and push) in the terminal.
What's next for Hoo's Open?
We'd like to add a feature that tells users how long a location is open for/closed until. Additionally, we'd like to add even more locations on Grounds that are frequented by students. This might include, Shannon, Clemons, and Clark libraries, as well as AFC, Slaughter, and Memorial gyms.
Log in or sign up for Devpost to join the conversation.