Logo

Airbnb Clone with Mapbox UI Submitted

HTML

CSS

API

3

Moderate

The task is to design an Airbnb clone with a responsive layout and friendly user interface. The website should have a homepage and search options, with search functionality utilizing an interactive calendar and Mapbox for displaying results. The objective is to create an intuitive and visually appealing browsing experience that resembles Airbnb.

Challenge Description

Your objective is to create an Airbnb clone that provides a seamless user experience with responsive design and an intuitive user interface. The website should have a homepage and search options, and searching should utilize an interactive calendar for ease of use. The search results should include a Mapbox for displaying the location of listings. You'll utilize HTML, CSS, and JavaScript to create the design and implement the features. The challenge will test your proficiency in web development, specifically with regards to creating responsive layouts and integrating third-party tools effectively. Refer to the provided design for reference, and aim to replicate it as closely as possible while providing a seamless user experience.


Your users should be able to:

  • Search for listings based on location and date range
  • View search results on a Mapbox
  • View details about listings, including photos and amenities
  • Book listings and manage reservations

Assets Provided

  • Mobile Layout
  • README file that includes a guide
  • Desktop Layout
  • Image assets
  • Font information
  • Color codes
Author Avatar

Enes Zorlu

Loading

Logo

Code Challenger

©2023 Code Challenger. All rights reserved.

Terms

Privacy Policy