/nookbnb

A simplified clone of Airbnb's listing features, built using React.js and JSON-Server for mock back-end functionality.

Primary LanguageJavaScript

Airbnb-Clone: A Simplified Airbnb Web App Built with React

N

Overview

This repository contains the source code for a simplified Airbnb clone, demonstrating the power of React, JSON-server, Yarn, and Bootstrap to build modern web applications.

Live Demo

This project is deployed on Netlify and can be accessed at https://lucky-trifle-66d2bd.netlify.app/.

Contact Me

Blogs & Tutorials

  • Detailed blog post on Medium
  • Comprehensive guide on Hashnode
  • Code snippets and discussion on dev.to

YouTube Tutorial

For a step-by-step video guide, check out the tutorial on my YouTube channel MergeRebase.

Features

  • Dynamic data rendering using React and JSON-server
  • Styled with Bootstrap for a responsive design
  • Client-side data fetching with Axios
  • Simplified search feature
  • Loading and error states during data fetch

Future Features

1. User Authentication

  • Description: Implement user sign-up, login, and session management for personalized experiences.
  • Technologies: Firebase Authentication, JWT

2. Search and Filter

  • Description: Enable users to search listings based on various criteria and use filters for refined results.
  • Technologies: Elasticsearch, JavaScript array filters

3. Booking and Calendar Functionality

  • Description: Add a booking system with a calendar to display available dates.
  • Technologies: React Calendar, Stripe

4. Reviews and Ratings

  • Description: Implement a review and rating system for listings.
  • Technologies: Custom-built component in React

5. Geolocation and Maps

  • Description: Add a map view to display listings based on geographic locations.
  • Technologies: Google Maps API, Mapbox

Quick Start

Prerequisites

  • Node.js
  • Yarn

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/airbnb-clone.git