Airbnb Clone — Booking Platform

Full Stack
Web Dev
UI/UX
Airbnb Clone — Booking Platform

Tech Stack

React
Javascript
Node.js
MongoDB
express.js

Description

The Airbnb Clone is a web application inspired by accommodation booking platforms. It provides interfaces for exploring available places, viewing individual booking details, and proceeding through the checkout workflow.

The project demonstrates full-stack web development with React on the frontend and Node.js, Express.js, and MongoDB for backend functionality and data storage. It also includes user authentication interfaces and a structured booking experience.

  • Developed an accommodation booking application using React and JavaScript.
  • Created interfaces for browsing available accommodation listings.
  • Built a page for viewing individual booking details.
  • Developed a checkout interface for the booking workflow.
  • Created login and registration interfaces.
  • Used Node.js and Express.js for backend application functionality.
  • Used MongoDB for data storage.
  • Focused on clear navigation and a user-friendly booking experience.

Demo Video

Watch the project walkthrough at 2 speed.

Page Info

Dashboard

The main page introduces the accommodation booking platform and provides an entry point for exploring available places.

/projects/airbnb/airbnb-dashboard-page.png

Available Booking Places

The listings page presents available places in an organized layout, allowing users to browse accommodation options.

/projects/airbnb/airbnb-all-booking-places.png

Booking Details

The booking details page displays information about a selected accommodation to help users review their booking.

/projects/airbnb/airbnb-single-booking-page.png

Booking Checkout

The checkout page provides an interface for reviewing and proceeding with an accommodation booking.

/projects/airbnb/airbnb-checkout-booking-page.png

User Login

The login page provides registered users with an interface to access their accounts.

/projects/airbnb/airbnb-login-page.png

User Registration

The registration page provides an interface for new users to create an account.

/projects/airbnb/airbnb-register-page.png

    Asif Ali Quraishi - Software Engineer