PortfolioHomeBio

Windbnb

Description

Windbnb is an Airbnb clone and it was created to learn about design and development practices. In this project, I used various technologies to complete all the user stories listed below.

Technologies Used

  1. React JS
  2. Framer Motion
  3. Tailwind CSS

User Stories Addressed

  • I can see a list of properties
  • I can see property card with a name, rating, apartment type, and super host
  • I can open filter drawer
  • I can filter properties by location and number of guests
  • I can see the number of filtered items
  • I can see pages following given designs

Things I learned

  1. State Management using native Context API
  2. Responsive Design using Tailwind CSS
  3. Conditional component rendering

Links