TheHart Store Pro Docs
Getting StartedFolder StructureUnzip ProjectApp Folder StuctureWordpress ConfigureApp ConfigureThanks & Support

Folder Structure

Unzip Project

When You unzip the project, its look like this.

unzip

Inside App Folder

app-folder

App Folder Stucture

📦 thehartstorepro
┣ 📂 .vscode
┃ ┗ 📄 settings.json
┣ 📂 __tests__
┃ ┗ 📄 App-test.tsx
┣ 📂 android
┃ ┣ 📂 app
┃ ┃ ┣ 📂 src
┃ ┃ ┃ ┣ 📂 debug
┃ ┃ ┃ ┃ ┣ 📂 java
┃ ┃ ┃ ┃ ┃ ┗ 📂 com
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 fab
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 thehartstorepro
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 ReactNativeFlipper.java
┃ ┃ ┃ ┃ ┗ 📄 AndroidManifest.xml
┃ ┃ ┃ ┗ 📂 main
┃ ┃ ┃ ┃ ┣ 📂 assets
┃ ┃ ┃ ┃ ┃ ┗ 📂 fonts
┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Asap-Bold.ttf
┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Asap-BoldItalic.ttf
┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Asap-Italic.ttf
┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Asap-Medium.ttf
┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Asap-MediumItalic.ttf
┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Asap-Regular.ttf
┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Asap-SemiBold.ttf
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 Asap-SemiBoldItalic.ttf
┃ ┃ ┃ ┃ ┣ 📂 java
┃ ┃ ┃ ┃ ┃ ┗ 📂 com
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 fab
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 thehartstorepro
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 CustomMMKVJSIModulePackage.java
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 MainActivity.java
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 MainApplication.java
┃ ┃ ┃ ┃ ┣ 📂 res
┃ ┃ ┃ ┃ ┃ ┣ 📂 mipmap-hdpi
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 ic_launcher.png
┃ ┃ ┃ ┃ ┃ ┣ 📂 mipmap-mdpi
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 ic_launcher.png
┃ ┃ ┃ ┃ ┃ ┣ 📂 mipmap-xhdpi
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 ic_launcher.png
┃ ┃ ┃ ┃ ┃ ┣ 📂 mipmap-xxhdpi
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 ic_launcher.png
┃ ┃ ┃ ┃ ┃ ┣ 📂 mipmap-xxxhdpi
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 ic_launcher.png
┃ ┃ ┃ ┃ ┃ ┗ 📂 values
┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 strings.xml
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 styles.xml
┃ ┃ ┃ ┃ ┗ 📄 AndroidManifest.xml
┃ ┃ ┣ 📄 _BUCK
┃ ┃ ┣ 📄 build.gradle
┃ ┃ ┣ 📄 build_defs.bzl
┃ ┃ ┣ 📄 debug.keystore
┃ ┃ ┗ 📄 proguard-rules.pro
┃ ┣ 📂 gradle
┃ ┃ ┗ 📂 wrapper
┃ ┃ ┃ ┣ 📄 gradle-wrapper.jar
┃ ┃ ┃ ┗ 📄 gradle-wrapper.properties
┃ ┣ 📄 build.gradle
┃ ┣ 📄 gradle.properties
┃ ┣ 📄 gradlew
┃ ┣ 📄 gradlew.bat
┃ ┣ 📄 local.properties
┃ ┗ 📄 settings.gradle
┣ 📂 ios
┃ ┣ 📂 thehartstorepro
┃ ┃ ┣ 📂 Images.xcassets
┃ ┃ ┃ ┣ 📂 AppIcon.appiconset
┃ ┃ ┃ ┃ ┣ 📄 100.png
┃ ┃ ┃ ┃ ┣ 📄 1024.png
┃ ┃ ┃ ┃ ┣ 📄 114.png
┃ ┃ ┃ ┃ ┣ 📄 120.png
┃ ┃ ┃ ┃ ┣ 📄 128.png
┃ ┃ ┃ ┃ ┣ 📄 144.png
┃ ┃ ┃ ┃ ┣ 📄 152.png
┃ ┃ ┃ ┃ ┣ 📄 16.png
┃ ┃ ┃ ┃ ┣ 📄 167.png
┃ ┃ ┃ ┃ ┣ 📄 172.png
┃ ┃ ┃ ┃ ┣ 📄 180.png
┃ ┃ ┃ ┃ ┣ 📄 196.png
┃ ┃ ┃ ┃ ┣ 📄 20.png
┃ ┃ ┃ ┃ ┣ 📄 216.png
┃ ┃ ┃ ┃ ┣ 📄 256.png
┃ ┃ ┃ ┃ ┣ 📄 29.png
┃ ┃ ┃ ┃ ┣ 📄 32.png
┃ ┃ ┃ ┃ ┣ 📄 40.png
┃ ┃ ┃ ┃ ┣ 📄 48.png
┃ ┃ ┃ ┃ ┣ 📄 50.png
┃ ┃ ┃ ┃ ┣ 📄 512.png
┃ ┃ ┃ ┃ ┣ 📄 55.png
┃ ┃ ┃ ┃ ┣ 📄 57.png
┃ ┃ ┃ ┃ ┣ 📄 58.png
┃ ┃ ┃ ┃ ┣ 📄 60.png
┃ ┃ ┃ ┃ ┣ 📄 64.png
┃ ┃ ┃ ┃ ┣ 📄 72.png
┃ ┃ ┃ ┃ ┣ 📄 76.png
┃ ┃ ┃ ┃ ┣ 📄 80.png
┃ ┃ ┃ ┃ ┣ 📄 87.png
┃ ┃ ┃ ┃ ┣ 📄 88.png
┃ ┃ ┃ ┃ ┗ 📄 Contents.json
┃ ┃ ┃ ┗ 📄 Contents.json
┃ ┃ ┣ 📄 AppDelegate.h
┃ ┃ ┣ 📄 AppDelegate.m
┃ ┃ ┣ 📄 Info.plist
┃ ┃ ┣ 📄 LaunchScreen.storyboard
┃ ┃ ┗ 📄 main.m
┃ ┣ 📂 thehartstorepro.xcodeproj
┃ ┃ ┣ 📂 xcshareddata
┃ ┃ ┃ ┗ 📂 xcschemes
┃ ┃ ┃ ┃ ┗ 📄 thehartstorepro.xcscheme
┃ ┃ ┗ 📄 project.pbxproj
┃ ┣ 📂 thehartstorepro.xcworkspace
┃ ┃ ┣ 📂 xcshareddata
┃ ┃ ┃ ┗ 📄 IDEWorkspaceChecks.plist
┃ ┃ ┣ 📂 xcuserdata
┃ ┃ ┃ ┗ 📂 krishnagujjjar.xcuserdatad
┃ ┃ ┃ ┃ ┗ 📄 UserInterfaceState.xcuserstate
┃ ┃ ┗ 📄 contents.xcworkspacedata
┃ ┣ 📄 Podfile
┃ ┗ 📄 Podfile.lock
┣ 📂 src
┃ ┣ 📂 assets
┃ ┃ ┣ 📂 banners
┃ ┃ ┃ ┣ 📄 banner01.png
┃ ┃ ┃ ┣ 📄 banner02.png
┃ ┃ ┃ ┗ 📄 banner03.png
┃ ┃ ┣ 📂 fonts
┃ ┃ ┃ ┗ 📂 Asap
┃ ┃ ┃ ┃ ┣ 📄 Asap-Bold.ttf
┃ ┃ ┃ ┃ ┣ 📄 Asap-BoldItalic.ttf
┃ ┃ ┃ ┃ ┣ 📄 Asap-Italic.ttf
┃ ┃ ┃ ┃ ┣ 📄 Asap-Medium.ttf
┃ ┃ ┃ ┃ ┣ 📄 Asap-MediumItalic.ttf
┃ ┃ ┃ ┃ ┣ 📄 Asap-Regular.ttf
┃ ┃ ┃ ┃ ┣ 📄 Asap-SemiBold.ttf
┃ ┃ ┃ ┃ ┗ 📄 Asap-SemiBoldItalic.ttf
┃ ┃ ┣ 📂 icons
┃ ┃ ┃ ┣ 📄 BlankCanvas.tsx
┃ ┃ ┃ ┣ 📄 Cart.tsx
┃ ┃ ┃ ┣ 📄 Cross.tsx
┃ ┃ ┃ ┣ 📄 Empty.tsx
┃ ┃ ┃ ┣ 📄 Heart.tsx
┃ ┃ ┃ ┣ 📄 Menu.tsx
┃ ┃ ┃ ┣ 📄 More.tsx
┃ ┃ ┃ ┣ 📄 Next.tsx
┃ ┃ ┃ ┣ 📄 Search.tsx
┃ ┃ ┃ ┣ 📄 Squares.tsx
┃ ┃ ┃ ┣ 📄 Warning.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 images
┃ ┃ ┃ ┣ 📄 avatar.jpg
┃ ┃ ┃ ┗ 📄 splash.jpg
┃ ┃ ┣ 📂 products
┃ ┃ ┃ ┣ 📄 camera.jpg
┃ ┃ ┃ ┣ 📄 perfume.jpg
┃ ┃ ┃ ┣ 📄 shirt.jpg
┃ ┃ ┃ ┣ 📄 shoe01.jpg
┃ ┃ ┃ ┣ 📄 shoe02.jpg
┃ ┃ ┃ ┣ 📄 shoe03.jpg
┃ ┃ ┃ ┣ 📄 shoe04.jpg
┃ ┃ ┃ ┗ 📄 shoe05.jpg
┃ ┃ ┣ 📂 videos
┃ ┃ ┃ ┣ 📄 video01.mp4
┃ ┃ ┃ ┣ 📄 video02.mp4
┃ ┃ ┃ ┣ 📄 video03.mp4
┃ ┃ ┃ ┗ 📄 video04.mp4
┃ ┃ ┗ 📄 index.ts
┃ ┣ 📂 components
┃ ┃ ┣ 📂 Alert
┃ ┃ ┃ ┣ 📄 Alert.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 BannerWrapper
┃ ┃ ┃ ┣ 📄 BannerWrapper.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Button
┃ ┃ ┃ ┣ 📄 Button.tsx
┃ ┃ ┃ ┣ 📄 Style.ts
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Card
┃ ┃ ┃ ┣ 📄 Card.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 ColorBlock
┃ ┃ ┃ ┣ 📄 ColorBlock.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Condition
┃ ┃ ┃ ┣ 📄 Condition.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Container
┃ ┃ ┃ ┣ 📄 Container.tsx
┃ ┃ ┃ ┣ 📄 Head.tsx
┃ ┃ ┃ ┣ 📄 Header.tsx
┃ ┃ ┃ ┣ 📄 Style.ts
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Drawer
┃ ┃ ┃ ┣ 📄 Drawer.tsx
┃ ┃ ┃ ┣ 📄 DrawerItem.tsx
┃ ┃ ┃ ┣ 📄 DrawerItemList.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Empty
┃ ┃ ┃ ┣ 📄 Empty.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 ListWrapper
┃ ┃ ┃ ┣ 📄 ListWrapper.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Loader
┃ ┃ ┃ ┣ 📄 Loader.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Loading
┃ ┃ ┃ ┣ 📄 Loading.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Product
┃ ┃ ┃ ┣ 📄 Cart.tsx
┃ ┃ ┃ ┣ 📄 Category.tsx
┃ ┃ ┃ ┣ 📄 Lg.tsx
┃ ┃ ┃ ┣ 📄 Md.tsx
┃ ┃ ┃ ┣ 📄 Sm.tsx
┃ ┃ ┃ ┣ 📄 Style.ts
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Skeleton
┃ ┃ ┃ ┣ 📄 BannerPlaceholder.tsx
┃ ┃ ┃ ┣ 📄 BestSellerPlaceholder.tsx
┃ ┃ ┃ ┣ 📄 Skeleton.tsx
┃ ┃ ┃ ┣ 📄 TopCategoryPlaceholder.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Swiper
┃ ┃ ┃ ┣ 📄 Swiper.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 TextInput
┃ ┃ ┃ ┣ 📄 Style.ts
┃ ┃ ┃ ┣ 📄 TextInput.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Typography
┃ ┃ ┃ ┣ 📄 Style.ts
┃ ┃ ┃ ┣ 📄 Text.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Videos
┃ ┃ ┃ ┣ 📄 Videos.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┗ 📄 index.ts
┃ ┣ 📂 config
┃ ┃ ┣ 📄 config.ts
┃ ┃ ┣ 📄 debug.config.ts
┃ ┃ ┣ 📄 graphql.config.ts
┃ ┃ ┣ 📄 index.ts
┃ ┃ ┗ 📄 theme.config.ts
┃ ┣ 📂 context
┃ ┃ ┣ 📄 index.tsx
┃ ┃ ┗ 📄 theme.context.tsx
┃ ┣ 📂 helpers
┃ ┃ ┣ 📄 ansi.helper.ts
┃ ┃ ┣ 📄 array.helper.ts
┃ ┃ ┣ 📄 customConsoleTransport.helper.ts
┃ ┃ ┣ 📄 index.ts
┃ ┃ ┣ 📄 number.helper.ts
┃ ┃ ┣ 📄 space.helper.ts
┃ ┃ ┣ 📄 string.helper.ts
┃ ┃ ┣ 📄 styler.helper.ts
┃ ┃ ┗ 📄 validate.helpers.ts
┃ ┣ 📂 hooks
┃ ┃ ┣ 📄 index.ts
┃ ┃ ┣ 📄 useStorage.ts
┃ ┃ ┗ 📄 useTimeout.ts
┃ ┣ 📂 routes
┃ ┃ ┣ 📄 DrawerNavigators.tsx
┃ ┃ ┣ 📄 RoutesContainer.tsx
┃ ┃ ┣ 📄 StackNavigators.tsx
┃ ┃ ┗ 📄 index.ts
┃ ┣ 📂 screens
┃ ┃ ┣ 📂 AddToCart
┃ ┃ ┃ ┣ 📄 AddToCart.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Address
┃ ┃ ┃ ┣ 📄 Address.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Category
┃ ┃ ┃ ┣ 📄 Category.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Checkout
┃ ┃ ┃ ┣ 📄 Checkout.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Filters
┃ ┃ ┃ ┣ 📄 Filters.tsx
┃ ┃ ┃ ┣ 📄 Input.tsx
┃ ┃ ┃ ┣ 📄 Selector.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Home
┃ ┃ ┃ ┣ 📄 Banners.tsx
┃ ┃ ┃ ┣ 📄 Bestsellers.tsx
┃ ┃ ┃ ┣ 📄 Categories.tsx
┃ ┃ ┃ ┣ 📄 Home.tsx
┃ ┃ ┃ ┣ 📄 ProductCategories.tsx
┃ ┃ ┃ ┣ 📄 SimpleProduct.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 MyAddress
┃ ┃ ┃ ┣ 📄 MyAddress.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 MyOffers
┃ ┃ ┃ ┣ 📄 MyOffers.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 MyOrders
┃ ┃ ┃ ┣ 📄 MyOrders.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Notifications
┃ ┃ ┃ ┣ 📄 Notifications.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Product
┃ ┃ ┃ ┣ 📄 Product.tsx
┃ ┃ ┃ ┣ 📄 Specification.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Products
┃ ┃ ┃ ┣ 📄 Products.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Profile
┃ ┃ ┃ ┣ 📄 Profile.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Search
┃ ┃ ┃ ┣ 📄 Search.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 SignIn
┃ ┃ ┃ ┣ 📄 SignIn.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 SignUp
┃ ┃ ┃ ┣ 📄 SignUp.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┣ 📂 Splash
┃ ┃ ┃ ┣ 📄 Splash.tsx
┃ ┃ ┃ ┗ 📄 index.ts
┃ ┃ ┗ 📄 index.ts
┃ ┣ 📂 services
┃ ┃ ┣ 📂 graphql
┃ ┃ ┃ ┣ 📄 addToCart.mutation.ts
┃ ┃ ┃ ┣ 📄 checkout.mutation.ts
┃ ┃ ┃ ┣ 📄 getCartItems.queries.ts
┃ ┃ ┃ ┣ 📄 getCategories.queries.ts
┃ ┃ ┃ ┣ 📄 getCheckout.queries.ts
┃ ┃ ┃ ┣ 📄 getOffers.queries.ts
┃ ┃ ┃ ┣ 📄 getOrders.queries.ts
┃ ┃ ┃ ┣ 📄 getProduct.queries.ts
┃ ┃ ┃ ┣ 📄 getProducts.quries.ts
┃ ┃ ┃ ┣ 📄 getUser.queries.ts
┃ ┃ ┃ ┣ 📄 homePage.quries.ts
┃ ┃ ┃ ┣ 📄 index.ts
┃ ┃ ┃ ┣ 📄 loginUser.mutation.ts
┃ ┃ ┃ ┣ 📄 refreshToken.mutation.ts
┃ ┃ ┃ ┣ 📄 registerUser.mutation.ts
┃ ┃ ┃ ┗ 📄 updateCustomer.mutation.ts
┃ ┃ ┗ 📄 index.ts
┃ ┣ 📂 style
┃ ┃ ┣ 📄 colors.ts
┃ ┃ ┣ 📄 image.ts
┃ ┃ ┣ 📄 index.ts
┃ ┃ ┣ 📄 styled.ts
┃ ┃ ┗ 📄 typography.ts
┃ ┣ 📂 types
┃ ┃ ┣ 📄 ansiType.d.ts
┃ ┃ ┣ 📄 colors.d.ts
┃ ┃ ┣ 📄 component.d.ts
┃ ┃ ┣ 📄 context.d.ts
┃ ┃ ┣ 📄 queries.d.ts
┃ ┃ ┣ 📄 routes.d.ts
┃ ┃ ┣ 📄 theme.d.ts
┃ ┃ ┗ 📄 utils.d.ts
┃ ┣ 📂 utilities
┃ ┃ ┣ 📄 index.ts
┃ ┃ ┗ 📄 logs.ts
┃ ┗ 📄 index.tsx
┣ 📄 .babelrc
┣ 📄 .buckconfig
┣ 📄 .editorconfig
┣ 📄 .eslintignore
┣ 📄 .eslintrc
┣ 📄 .gitattributes
┣ 📄 .gitignore
┣ 📄 .prettierrc
┣ 📄 .watchmanconfig
┣ 📄 app.json
┣ 📄 assetsTransformer.js
┣ 📄 index.js
┣ 📄 jest.setup.js
┣ 📄 metro.config.js
┣ 📄 package.json
┣ 📄 react-native.config.js
┣ 📄 tsconfig.json
┗ 📄 yarn.lock