The BilstroBliss

We have been learning Full Stack-Web Development at Masai School. I and my team have made this project during the construct week of unit-4 at Masai school. Here is the link of our app is live on github:-

github link

Live Link

The BistoBliss

Tech stack

• HTML
• CSS
• JAVASCRIPT

User Login page

User login


User SignUp

The above picture is of the User Login page that is created by Raushan Raj Singh where User can create their own account and able to login to the website. He used HTML, CSS, JAVASCRIPT to achieve this layout and functionality.

HOME PAGE

Navbar & Carousel

The above picture is of the Navbar and carousel that is created by Raushan Raj Singh where user can able to visit whole website pages. He used HTML, CSS, BOOTSTRAP, JAVASCRIPT to achieve this layout and functionality.

Footer

The above picture is of the Footer that is created by Mayank Belwal. He is involved in all the HTML, SASS, javascript to achieve this layout and functionality. After Click on Contact Us Now this page will redirect to the Contact Us page.

ROOM LIST

Room list

The above picture is of the Room list that is created by Shraddha gawde where user can able to select their needed Room. He used HTML, CSS, JAVASCRIPT to achieve this layout and functionality.

ROOM DETAILS PAGE

Room details

The above picture is of the Room details that is created by Mayank Belwal where user can able to see the details of their Room. He used HTML, CSS, JAVASCRIPT to achieve this layout and functionality.

LOCATION PAGE

Near by places

The above picture is of the near by places that is created by Shraddha gawde where user can able to see the near by places. He used HTML, CSS, JAVASCRIPT to achieve this layout and functionality with Infinite Scrolling.

CONTACT US PAGE

Contact us

The above picture is of the Contact us that is created by Deepak where user can able to see the map and able to connect with admin with their query and also able to send massage. He used HTML, CSS, JAVASCRIPT to achieve this layout and functionality.

PAYMENT PAGE

Payment

The above picture is of the Payment details that is created by Shraddha where user can able to make thier room payment with the help of card and otp verification. He used HTML, CSS, JAVASCRIPT to achieve this layout and functionality.

Payment Sucessfull

The above picture is of the Payment Sucessfull popup that is created by Raushan Raj Singh where user can able to see the popup when they complete their payment. He used HTML, CSS, JAVASCRIPT to achieve this layout and functionality.

ADMIN LOGIN PAGE

Admin logIn

The above picture is of the Admin login that is created by Raushan Raj Singh where Admin can able to login with their admin access. He used HTML, CSS, JAVASCRIPT to achieve this layout and functionality.

ADMIN ROOM-LIST PAGE

Admin logIn

The above picture is of the Add hotel page that is created by Deepak where Admin can able to login with their admin access and can able to add new hotel and also able to modify and delete hotel. He used HTML, CSS, JAVASCRIPT to achieve this layout and functionality.

How did we complete the project?

So, we started on Monday evening and the deadline was off Sunday evening. So we divided the work among ourselves, someone was working on the navbar, one on the signup page, one on the footer, and others on their respective pages. One day before the deadline, we merged all the code and were successful in cloning the website.

We learned many new things about building websites, solved problems that came while we were working on the website, and merged our work on Github because it was a new platform for all of us, but once we started working, gradually we got a good hang of Github.

So, in all this has been a great experience for me and the team members.

Team Members

Shraddha Gawde.

Vishnuraj K R.

Deepak.

Mayank Belwal.

Raushan Raj Singh.