Task-Project

ReactAppGif

Day 1

  • Getting data from API and visualizing it on the screen.

Day 2

  • Preparing ProductCard Component with using Bootstrap 5.

  • After finishing Cards filtering the data for showing just Reserved or Sold Apartments.

  • Adding another filter option for filtering.(to show just 1 Bed Apartment ones or 3 Bed Pool ones.)

Day 3

  • Adding a Search input and stating a state for that input's value changes.

  • with that Search input now we can filter data with apartment's code name.

  • Putting filter options into a accordion to make them look better.

  • Adding dark&light mode with using a switcher.