Skip to content

Latest commit

 

History

History
95 lines (58 loc) · 3.3 KB

README.md

File metadata and controls

95 lines (58 loc) · 3.3 KB

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 👇

cxDF5JRa3

Home Page Code 👇

Bd3QPdKGs

Login Page 👇

BfDW3beAi

Profile Page 👇

HFeJadxcw

Book a Table 👇

SIRE0zbaD

Code 👇

z5_M_tDTq

Receipt of Booking 👇

2Tk4bWjwg

Booking Confirmation in profile 👇

Fiy24MZqt

Cancellation of Booking 👇

gurJeEhXz

Cancellation Confirmation 👇

DPOIgfyau 13ivxD_Cd

Team Members

Technology Used

• HTML • CSS • JAVASCRIPT • DOM • Local Storage

Tools

• VS Code • Github

Blog link

Blog

Project link

Github link

Winner of Presentation. Thank you Masai

Capture