The Hide Out

The first look

Inspiration

Nowadays, the canteens of colleges are located far away from the main buildings so it takes a lot of time to reach and if one’s desired item is not available, it’s not appreciable. Also, it is really cumbersome to handle so many customers’ orders altogether esp. during break time, and gets hectic for the staff. Queues are the biggest problem in the canteen for students who use the service – but arguably the bigger overall problem is that simply not enough children are using the canteen. Managing queues and fast ordering can help attract more students to the service.

What it does

The world is becoming fully digital, so why not implement it in our everyday life to make ordering and delivering easier? So here we are with a fully functional website for our college canteen, named “THE HIDE OUT” which not only helps in saving time but is also more productive and efficient. The website has amazing features which display the menu with real-time pictures, show what’s available, and let you order from the same. We also have a login and signup feature so the canteen remembers you and you don’t have to fill in the details every day. And if you liked our services, don’t forget to rate us and fill out the feedback form!

How we built it

HTML: Whole website layout has been designed in HTML. It has been used for structuring and inserting all the content like menu, images, links in the website. All the client side storage is done through this. Css: It has been used for designing the presentation of webpages and describing the look and formatting of the website which is written in the markup language (HTML). It was used with HTML to change the style of web pages and user interfaces.

Javascript: All the programming for the behavior of the website was done through Js. It was used both on the client side and server side to make the website interactive to engage with users and to add dynamic behavior and special effects to the website.

MongoDB and Mongoose: As the canteen has a large number of users, all the database and content storage and management (login, signup, review, feedback) have been completed through them as it was easy to control the traffic and run the process smoothly.

Visual studio code: This has been used as the source code editor for our project.

Tailblock: Basic code for header, hero, and contact section was used which was further modified by us as per needs.

Challenges we ran into

We were completely new in this field as we are students of the 3rd semester. We had many errors while developing the website such as alignment problems and CSS was quite tough.

Accomplishments that we're proud of

We are very proud of what we have achieved as we were the only participant from 3rd semester. Also we are quite happy with the efforts everyone put in even if they were not aware with the technologies which are used in creating a website.

What we learned

We have learned that the field of Computer Engineering is very vast but still if we work hard we can achieve our goals. For example, we had never even created a website before but in these 48 hours, we did what we didn't even think about and created a nice website.