RESERVED

Main page
Seat booking webpage
Filling the form webpage
Seats

Inspiration

We have friends who tested positive for covid after going to University and cinema because the booking system did not block the seats around them. We all want to go out during the Covid period and more and more people are looking for a safe place to work, but we are afraid of getting infected. A lot of people procrastinate and do not feel motivated working at home with their bed just one feet away from their working table.

Statistically, a number of people are using library. So it is essential to keep social distance from each other in a public place, especially in the library.

We got the inspiration from it and expanded this idea to think about how we can make sure that we can work in an office space but keep social distance at the same time to prevent ourselves from getting infected by a coronavirus.

What it does

Our booking system automatically disables seats around the selected seat(s), keeping at least 1.5m away from people around you. This system can be applied to many areas, from University, office to cinema and flight. Users are allowed to use Augmented Reality (AR) to check which seat is available or use this technology to navigate their way in the cinema where there’s no light! Even if there’s no disease, we can still adapt our system for normal daily use! We believe that this system can help to keep us safe and healthy, and benefits our social life.

How we built it

We built the web app with reactjs. The UX/UI was built with bootstrapt, antd. And theEmailjsenable email notification to the user. The backend was built with MongoDB with Atlas as the database. For our product, we implemented seat isolation functionality to practice social distance. In addition, we enhance our product with "Echo3D", which provides a strong connection between user and reality.

Challenges we ran into

There were several small issues we have met during the competition: Firstly, we had a small conflict about our main features (we try to add multiple functionalities to our system). Since everyone had different opinions, we got to vote for the best idea. Secondly, we faced the problem of merging the front-end and database together. After watching the videos and guidelines online, we found the best solution. Thirdly, we wanted to involve AR in our final system, as we didn't have enough experience of applying AR, we stuck on this step. In order to overcome this problem, we got helps from Unihack's mentors, under their guidelines, we felt confident to handle AR.

Accomplishments that we're proud of

We have never felt that group work can be enjoyable and how efficiently it can be worked from our previous experience. However, through UniHack, we could feel how much we enjoyed our work and how much we were passionate about it. Even though it was our first experience using react to build a web application and working 5 members of us in a team for the first time, all group members were in charge of each part and focused on their own work really hard. We planned our project step by step and tried to implement the front-end part and back-end part. We kept learning something new from each other during this UniHack. Finally, we nailed it! We couldn't imagine that we were able to build such a creative and remarkable project. We are so proud of what we have done so far.

What we learned

It was the first time to attend a hackathon event for most of our group members and build a web application with React and MongoDB, so there were a lot of things we could learn. We learned how to implement a web page using React and how to deal with the database using MongoDB. Furthermore, we could learn how we could effectively work in a team. We could learn how to support each other and how much we could produce the good result with good teamwork.

What's next for RESERVED

We want to expand our outstanding idea to a variety of places where need a seat booking system for social distancing, such as cinema, flight, and library. Moreover, we would like to make our seat plan more flexible so that it can be used in any general place. As our future plan, we wish to enlarge this system to achieve a multifunctional and automated platform.