raghavrover / appstore Goto Github PK

• Extra Small (Size < 576px) and Small (Size >= 576px)
• Medium (Size >= 768px), Large (Size >= 992px) and Extra Large (Size >= 1200px)

The app has the following functionalities

• Initially, the Social tab will be active and the apps with Social as their category will be displayed

• When a value is provided in the search input

  • The apps in the active category, that include search input value in their name will be displayed
  • When another tab is clicked, the apps in the corresponding category, that include search input value in their name will be displayed
  • The search is insensitive

• When the search input is empty,

  • All the apps in the active category will be displayed
  • When another tab is clicked, the apps in the corresponding category will be displayed

• The AppStore component contains a tabsList. It consists of a list of tabItem objects with the following properties in each tabItem object

  Key	Data Type
  tabId	String
  displayText	String

• The AppStore component contains a appsList. It consists of a list of app objects with the following properties in each app object

  Key	Data Type
  appId	Number
  appName	String
  imageUrl	String
  category	String

• https://assets.ccbp.in/frontend/react-js/app-store/app-store-search-img.png

• Bree Serif