In this project, I've built an App Store by implementing react component and component private property state.
Click to view
Functionalities added
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 atabsList
. It consists of a list of tabItem objects with the following properties in each tabItem objectKey Data Type tabId String displayText String -
The
AppStore
component contains aappsList
. It consists of a list of app objects with the following properties in each app objectKey Data Type appId Number appName String imageUrl String category String
Colors
Font-families
- Bree Serif