Building An Airbnb Like (App)

Features

  • Designing the home page
  • Building the home page navigation bar as a reusable element
  • Displaying a list of categories
  • Displaying a list of properties
  • Registering user accounts
  • Building the popup reusable element
  • Building the workflow to register a new account
  • Building the workflow to login as an existing user
  • Settings page
  • Adding the relevant input fields
  • Displaying initial content
  • Building the workflow to update details
  • Adding a user account dropdown menu on home page nav bar
  • Adding a focus group
  • Building the workflow to display a focus group
  • Building the navigation workflows
  • Building a search feature
  • Adding fields in search bar
  • Adding custom state to display search fields
  • Adding conditions to display relevant fields
  • Adding icon to close full search
  • Adding a guest count
  • Adding a focus group
  • Creating the states for each guest type
  • Building the workflow to set & update the custom states
  • Displaying the final guest count
  • Creating a custom search
  • Building the workflow
  • Sending page parameters
  • Creating a search from category selection
  • Making the home page responsive
  • Header menu
  • Remove logo & right-hand menu
  • Adding sizing condition on search button
  • Hiding search text inside button
  • Category repeating group
  • Update category image dimensions
  • Update category margins
  • Building a reusable footer menu
  • Building the navigation workflows
  • Adding conditions for element colours
  • Adding condition to hide/display foot menu on home page
  • Creating a new listing
  • Add redirect from ‘become a host’ buttons
  • Building step 1
  • Displaying a list of options
  • Creating the state to display step 1 groups
  • Creating the state to store a property type
  • Adding conditions to display groups when applicable
  • Making the groups responsive
  • Building step 2
  • Creating the state to display step 2
  • Adding the elements
  • Adding conditions to display groups when applicable
  • Making the groups responsive
  • Building step 3
  • Creating the state to display step 3
  • Adding the elements
  • Adding conditions to display groups when applicable
  • Making the groups responsive
  • Building step 4
  • Creating the state to display step 4
  • Adding the elements
  • Adding conditions to display groups when applicable
  • Making the groups responsive
  • Building step 5
  • Creating the state to display step 5
  • Adding a hidden repeating group
  • Adding conditions to display groups when applicable
  • Making the groups responsive
  • Building the workflow to create a new listing
  • Update a users account to become a host
  • Redirect to property page
  • Host dashboard page
  • Display a list of a users properties
  • Add button to create another new property
  • Display a list of upcoming & past bookings
  • Manage & edit a listing
  • Sending a URL parameter to edit an existing property
  • Extracting the URL parameter on the listing page & store in a custom state
  • Resetting the ‘property type’ custom state on page load
  • Adding conditions to display initial content when editing an existing property
  • Build workflow to update property values
  • Property page
  • Adding details of a property
  • Making the page response
  • Adding top margin conditions on collapsing groups
  • Create redirect from home page when an image is clicked
  • Search results page
  • Adding a list of available/relevant properties
  • Adding a map to display a list of the available/relevant properties
  • Adding hidden list of booked properties
  • Extracting search page parameters
  • Add condition when children count parameter is empty
  • Extracting category search page parameters
  • Adding conditions to display properties based on category search
  • Making elements on page responsive
  • Sending parameter data to property page. Display this data in the dropdown input fields
  • Configuring Google Maps API keys
  • Booking a property & processing payments
  • Extract existing page paramaters
  • Adding a popup to the property page
  • Building workflow to display popup
  • Installing Stripe plugin
  • Configuring Stripe API keys
  • Building workflow to create booking
  • Building the user trips page
  • Displaying a list of upcoming reservations
  • Displaying a list of past reservations
  • Create redirects to property page
  • Create workflow to contact host
  • Creating & displaying reviews
  • Adding popup to trips page
  • Building the workflow to create a review
  • Adding condition to review button
  • Adding a repeating group on property page to display reviews
  • Add a button to contact the host through email
  • Bookmarks
  • Adding bookmark icon to property page
  • Building the workflow to bookmark a property
  • Adding element conditions on property page once a property is bookmarked
  • Building the bookmark page
  • Creating redirect to property page

Additional features:

  • Adding Airbnb experiences
  • Native messaging experience