/dappBnb

This web3 Airbnb clone was built using React, Solidity, and CometChat SDK. Please leave a star on the project and note that it is hosted on the [Sepolia] test network.

Primary LanguageJavaScript

How to Build a Web3 Airbnb 2.0 Clone with React, Solidity, and CometChat

Read the full tutorial here: >> How to Build a Web3 Airbnb 2.0 Clone with React, Solidity, and CometChat

This example shows How to Build a Web3 Airbnb 2.0 Clone with React, Solidity, and CometChat:

Home Page

Home Page

Booking Bage

Booking Page

Live Chat

Live Chat

Technology

This demo uses:

  • Metamask
  • Hardhat
  • Alchamy
  • ReactJs
  • Tailwind CSS
  • Solidity
  • EthersJs
  • Faucet

Running the demo

To run the demo follow these steps:

  1. Clone the project with the code below.

    # Make sure you have the above prerequisites installed already!
    git clone https://github.com/Daltonic/tailwind_ethers_starter_kit dappBnb
    cd dappBnb # Navigate to the new folder.
    yarn install # Installs all the dependencies.
  2. Head to CometChat and create a project.

  3. Create a .env file to include the following details.

    REACT_APP_COMETCHAT_APP_ID=<APP_ID>
    REACT_APP_COMETCHAT_AUTH_KEY=<AUTH_KEY>
    REACT_APP_COMETCHAT_REGION=<REGION>
  4. Run the app using yarn start

If your confuse about the installation, check out this TUTORIAL to see how you should run it.

Questions about running the demo? Open an issue. We're here to help ✌️

Useful links