Dineout Clone Project

Arun Teja Kasula
3 min readApr 2, 2022

--

Dine out is a table booking platform helping customers to do table booking in their favorite restaurants for free and helping them get great discounts.

Dine out is a table booking platform helping customers to do table booking in their favorite restaurants for free and helping them get great discounts.

Hi there 🖐, I am Arun Teja, an aspiring Full Stack Web Developer.

The Idea

Today, I’m here with a project which is cloning a website named DINE OUT[Free table reservation with discounts and offers | Dineout]. Dineout is a table reservation platform that enables the customer to book a table, online and through the phone, at their favorite restaurants in town and provides them fantastic discounts for FREE.

We are a Team Titan, comprising of myself, Tarun Kumar Bhardwaj, Himanshu Sharma, Sunil Sarsande, and Vishwaraj Patil.

The main objective of this project is to clone the original website mainly including the user flow of booking a table and applying the best available offers at a restaurant end to end.

In this Project, We have tried to implement some of the functionalities of the application like filtering the restaurants based on cuisine, offers, and the facilities available with them along with these we have tried sorting functionalities.

For whom

Dineout is to help diners book a table at the topmost restaurants in the city, with great discounts.

Tech Stack 💻

  • JavaScript ✔
  • React✔
  • Redux✔
  • Express.js✔
  • mongoose✔

OTHER REACT UI LIBRARIES

  • Material UI✔

Project

Let me give you a demo of how this website works.

⁎ After successfully Login into the website, we will see the Home page of the website showing different ongoing offers regarding restaurants.

⁎ Regarding Book a table page, Here we will see the list of restaurants according to the location we selected and we can filter according to our interest regarding cuisines, tags, offers on bills, etc…and sort the restaurants according to Rating and prices.

⁎ Coming to Dineout Pay Page, You can use Dineout Pay to pay bills at restaurants and earn cashback on paying those bills and this page shows us what are restaurants where Dineout pay is applicable.

⁎ In the Book a table Page, when we click the Page our page gets directed to the individual restaurant page where we can find the details of the page along with offers and we can select the date and time to book a table, and after booking it will direct us to the Booking details page.

⁎ On this Booking details Page, we can have the list of all bookings we made for the restaurants.

Key Features

  • User Login
  • A glimpse of the Home Page with all the available discounts
  • Booking a table according to our interest with sorting filter
  • Restaurant Detail Page for booking
  • Booking Details Page

Original Website:

Free table reservation with discounts and offers | Dineout

Project :

https://github.com/itarun1/Dineout_clone(Github)

For viewing our product please do follow the instructions provided in Readme. MD file.

Deploy link:

https://dineout-sandy.vercel.app/

For viewing our project link-up

Wrapping Up

Hope you enjoyed this article. Thank you for your time.

--

--