Reveille's Diner

Home Page
Merch Page
Menu Page
Menu Page Part 2
Rev Spotted Page

Inspiration

Our team wanted to make sure that everyone has easy and intuitive access to one of the greatest places on earth, Reveille's Diner. We know that we can make you feel right at home here at Rev's Diner, and we wanted to make sure you could get here. We built the website to show our amazing menu, merch, and more! Also, because we know everyone spends the majority of the day thinking about what Rev is up to, we added a "Where's Rev" feature where you can upload her live location and keep everyone in the loop!

What it does

Our website allows users to see what food and merch we offer at our diner. It also allows users to see where Rev is based on the uploads the site receives.

How we built it

We used a combination of html, CSS, and JavaScript to create the website. We collaborated on GitHub and coded in VS Code.

Challenges we ran into

There were a lot of issues with formatting. The divs were either not centered, images were too small, some images wouldn't show up at all.

Accomplishments that we're proud of

We were able to unify the headers for each embedded page, create logos for our company and add them to the website, make the website look clean, add nice borders and padding to each div, and make the divs pop up when the mouse hovers over them.

What we learned

We learned the ins and outs of cleaning up a website in CSS and the overall format of coding in HTML. We also learned how to collaborate in GtiHub, learned how to pull, push, and deal with merging issues. We also learned how to embed pages in our website, linking everything together. Most importantly, we learned how to work as a team that worked on their individual things with the mindset that we would all connect our pages at the end. This made us keep the common goal in mind while still adding our own personal touch.