Dineout-Clone

Online OTT platform

Dineout - The ultimate Dining out app you would ever need! Get the Dineout app to obtain maximum savings at your favourite restaurants.

Tech Stack : HTML | CSS | JavaScript

Features :

---> Sign Up | Login

---> Landing Page| Profile Page | restaurants Page( Dynamic )

---> Restaurant Booking page | Reservation Confirmation

---> Reservation Cancel

** Problem statement**

Our Problem statement is creating a pixel-perfect clone of Dineout (https://www.dineout.co.in/) . Previously we did a clone of a few web pages but in this problem, we were supposed to make pages dynamic.

** The Idea**

We are pursuing a Full Stack Web Development course at Masai school, In Masai school, we have given a project that was to clone the Dineout hotel booking website. It was a pretty good project to work on. We are four members of the team. The task was to clone the pixel-perfect layout of Dineout website. Let's look at how we designed it

Home Page 👇

Home Page Code 👇

Login Page 👇

Profile Page 👇

Book a Table 👇

Code 👇

Receipt of Booking 👇

Booking Confirmation in profile 👇

Cancellation of Booking 👇

Cancellation Confirmation 👇

Team Members

•Akash Surve

•Adity

• Aman Patel

Technology Used

• HTML • CSS • JAVASCRIPT • DOM • Local Storage

Tools

• VS Code • Github

Blog link

•Blog

Project link

•Dineout

Github link

•Dineout

Winner of Presentation. Thank you Masai