Getting StartedFolder StructureUnzip ProjectApp Folder StuctureWordpress ConfigureApp ConfigureThanks & Support
Folder Structure
Unzip Project
When You unzip the project, its look like this.
Inside 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