├── .gitignore ├── README.md ├── capacitor.config.json ├── ionic.config.json ├── ios ├── .gitignore └── App │ ├── App.xcodeproj │ ├── project.pbxproj │ └── project.xcworkspace │ │ └── contents.xcworkspacedata │ ├── App.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ │ └── IDEWorkspaceChecks.plist │ ├── App │ ├── AppDelegate.swift │ ├── Assets.xcassets │ │ ├── AppIcon.appiconset │ │ │ ├── AppIcon-20x20@1x.png │ │ │ ├── AppIcon-20x20@2x-1.png │ │ │ ├── AppIcon-20x20@2x.png │ │ │ ├── AppIcon-20x20@3x.png │ │ │ ├── AppIcon-29x29@1x.png │ │ │ ├── AppIcon-29x29@2x-1.png │ │ │ ├── AppIcon-29x29@2x.png │ │ │ ├── AppIcon-29x29@3x.png │ │ │ ├── AppIcon-40x40@1x.png │ │ │ ├── AppIcon-40x40@2x-1.png │ │ │ ├── AppIcon-40x40@2x.png │ │ │ ├── AppIcon-40x40@3x.png │ │ │ ├── AppIcon-512@2x.png │ │ │ ├── AppIcon-60x60@2x.png │ │ │ ├── AppIcon-60x60@3x.png │ │ │ ├── AppIcon-76x76@1x.png │ │ │ ├── AppIcon-76x76@2x.png │ │ │ ├── AppIcon-83.5x83.5@2x.png │ │ │ └── Contents.json │ │ ├── Contents.json │ │ └── Splash.imageset │ │ │ ├── Contents.json │ │ │ ├── splash-2732x2732-1.png │ │ │ ├── splash-2732x2732-2.png │ │ │ └── splash-2732x2732.png │ ├── Base.lproj │ │ ├── LaunchScreen.storyboard │ │ └── Main.storyboard │ ├── Info.plist │ ├── capacitor.config.json │ └── config.xml │ └── Podfile ├── jsconfig.json ├── package-lock.json ├── package.json ├── public ├── assets │ ├── icon │ │ ├── favicon.png │ │ └── icon.png │ └── shapes.svg ├── index.html └── manifest.json ├── src ├── App.js ├── components │ ├── CoffeeCard.js │ ├── CoffeeCard.module.css │ ├── CoffeeCardOffer.js │ ├── Tabs.js │ └── ViewCoffeeCard.js ├── index.js ├── pages │ ├── Cart.js │ ├── Cart.module.css │ ├── Favourites.js │ ├── Home.css │ ├── Home.js │ ├── ViewCoffee.js │ ├── ViewCoffee.module.css │ └── ViewCoffees.js ├── store │ ├── CartStore.js │ ├── CoffeeOfferStore.js │ ├── CoffeeSizeStore.js │ ├── CoffeeStore.js │ ├── FavouriteStore.js │ ├── Selectors.js │ └── index.js └── theme │ └── variables.css └── typings └── cordova-typings.d.ts /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | .vscode 21 | .idea 22 | 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | 27 | # Optional eslint cache 28 | .eslintcache 29 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ionic-ordering-app 2 | An example of an ordering app in the form of a Coffee style app in Ionic React 3 | 4 | ![Ionic React Ordering App](https://repository-images.githubusercontent.com/359174095/e4c09e80-a062-11eb-8721-cae815e7f09c) 5 | 6 | ### Included in this Ionic React Template/UI 7 | * Global state management with Pullstate 8 | * Dynamic search 9 | * Custom animations 10 | * Custom toolbar 11 | * Custom icons (from https://react-iconly.jrgarciadev.com/) 12 | * Fully functional add-to-cart and add-to-favourites 13 | * Total calculation in checkout 14 | * Ability to remove from cart 15 | * Home, View full range, Single coffee view, Cart, Favourites pages 16 | * Use of stock Ionic components 17 | * CSS Modules 18 | * Ionic CSS utilities 19 | 20 | ### To run 21 | 22 | ```javascript 23 | npm install 24 | ionic serve 25 | ``` 26 | 27 | Alternatively, you can add the iOS, Android platform and run natively. 28 | 29 | # Are you on Twitter? Lets connect [@93alan](https://twitter.com/93alan) 30 | # Have you checked out Ionic React Hub yet? [Ionic React Hub](https://ionicreacthub.com) 31 | If you'd like to support, you can buy me a coffee ☕️ 32 | -------------------------------------------------------------------------------- /capacitor.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "appId": "io.ionic.starter", 3 | "appName": "ionic-ordering-app", 4 | "bundledWebRuntime": false, 5 | "npmClient": "npm", 6 | "webDir": "build", 7 | "plugins": { 8 | "SplashScreen": { 9 | "launchShowDuration": 0 10 | } 11 | }, 12 | "cordova": {} 13 | } 14 | -------------------------------------------------------------------------------- /ionic.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ionic-ordering-app", 3 | "integrations": { 4 | "capacitor": {} 5 | }, 6 | "type": "react" 7 | } 8 | -------------------------------------------------------------------------------- /ios/.gitignore: -------------------------------------------------------------------------------- 1 | # NPM renames .gitignore to .npmignore 2 | # In order to prevent that, we remove the initial "." 3 | # And the CLI then renames it 4 | 5 | App/build 6 | App/Pods 7 | App/public 8 | App/Podfile.lock 9 | xcuserdata 10 | 11 | # Cordova plugins for Capacitor 12 | capacitor-cordova-ios-plugins 13 | 14 | -------------------------------------------------------------------------------- /ios/App/App.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 48; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 2FAD9763203C412B000D30F8 /* config.xml in Resources */ = {isa = PBXBuildFile; fileRef = 2FAD9762203C412B000D30F8 /* config.xml */; }; 11 | 50379B232058CBB4000EE86E /* capacitor.config.json in Resources */ = {isa = PBXBuildFile; fileRef = 50379B222058CBB4000EE86E /* capacitor.config.json */; }; 12 | 504EC3081FED79650016851F /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 504EC3071FED79650016851F /* AppDelegate.swift */; }; 13 | 504EC30D1FED79650016851F /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30B1FED79650016851F /* Main.storyboard */; }; 14 | 504EC30F1FED79650016851F /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30E1FED79650016851F /* Assets.xcassets */; }; 15 | 504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC3101FED79650016851F /* LaunchScreen.storyboard */; }; 16 | 50B271D11FEDC1A000F3C39B /* public in Resources */ = {isa = PBXBuildFile; fileRef = 50B271D01FEDC1A000F3C39B /* public */; }; 17 | A084ECDBA7D38E1E42DFC39D /* Pods_App.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */; }; 18 | /* End PBXBuildFile section */ 19 | 20 | /* Begin PBXFileReference section */ 21 | 2FAD9762203C412B000D30F8 /* config.xml */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = config.xml; sourceTree = ""; }; 22 | 50379B222058CBB4000EE86E /* capacitor.config.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = capacitor.config.json; sourceTree = ""; }; 23 | 504EC3041FED79650016851F /* App.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = App.app; sourceTree = BUILT_PRODUCTS_DIR; }; 24 | 504EC3071FED79650016851F /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; }; 25 | 504EC30C1FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; }; 26 | 504EC30E1FED79650016851F /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; 27 | 504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; }; 28 | 504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 29 | 50B271D01FEDC1A000F3C39B /* public */ = {isa = PBXFileReference; lastKnownFileType = folder; path = public; sourceTree = SOURCE_ROOT; }; 30 | AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_App.framework; sourceTree = BUILT_PRODUCTS_DIR; }; 31 | AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.release.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.release.xcconfig"; sourceTree = ""; }; 32 | FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.debug.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.debug.xcconfig"; sourceTree = ""; }; 33 | /* End PBXFileReference section */ 34 | 35 | /* Begin PBXFrameworksBuildPhase section */ 36 | 504EC3011FED79650016851F /* Frameworks */ = { 37 | isa = PBXFrameworksBuildPhase; 38 | buildActionMask = 2147483647; 39 | files = ( 40 | A084ECDBA7D38E1E42DFC39D /* Pods_App.framework in Frameworks */, 41 | ); 42 | runOnlyForDeploymentPostprocessing = 0; 43 | }; 44 | /* End PBXFrameworksBuildPhase section */ 45 | 46 | /* Begin PBXGroup section */ 47 | 27E2DDA53C4D2A4D1A88CE4A /* Frameworks */ = { 48 | isa = PBXGroup; 49 | children = ( 50 | AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */, 51 | ); 52 | name = Frameworks; 53 | sourceTree = ""; 54 | }; 55 | 504EC2FB1FED79650016851F = { 56 | isa = PBXGroup; 57 | children = ( 58 | 504EC3061FED79650016851F /* App */, 59 | 504EC3051FED79650016851F /* Products */, 60 | 7F8756D8B27F46E3366F6CEA /* Pods */, 61 | 27E2DDA53C4D2A4D1A88CE4A /* Frameworks */, 62 | ); 63 | sourceTree = ""; 64 | }; 65 | 504EC3051FED79650016851F /* Products */ = { 66 | isa = PBXGroup; 67 | children = ( 68 | 504EC3041FED79650016851F /* App.app */, 69 | ); 70 | name = Products; 71 | sourceTree = ""; 72 | }; 73 | 504EC3061FED79650016851F /* App */ = { 74 | isa = PBXGroup; 75 | children = ( 76 | 50379B222058CBB4000EE86E /* capacitor.config.json */, 77 | 504EC3071FED79650016851F /* AppDelegate.swift */, 78 | 504EC30B1FED79650016851F /* Main.storyboard */, 79 | 504EC30E1FED79650016851F /* Assets.xcassets */, 80 | 504EC3101FED79650016851F /* LaunchScreen.storyboard */, 81 | 504EC3131FED79650016851F /* Info.plist */, 82 | 2FAD9762203C412B000D30F8 /* config.xml */, 83 | 50B271D01FEDC1A000F3C39B /* public */, 84 | ); 85 | path = App; 86 | sourceTree = ""; 87 | }; 88 | 7F8756D8B27F46E3366F6CEA /* Pods */ = { 89 | isa = PBXGroup; 90 | children = ( 91 | FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */, 92 | AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */, 93 | ); 94 | name = Pods; 95 | sourceTree = ""; 96 | }; 97 | /* End PBXGroup section */ 98 | 99 | /* Begin PBXNativeTarget section */ 100 | 504EC3031FED79650016851F /* App */ = { 101 | isa = PBXNativeTarget; 102 | buildConfigurationList = 504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */; 103 | buildPhases = ( 104 | 6634F4EFEBD30273BCE97C65 /* [CP] Check Pods Manifest.lock */, 105 | 504EC3001FED79650016851F /* Sources */, 106 | 504EC3011FED79650016851F /* Frameworks */, 107 | 504EC3021FED79650016851F /* Resources */, 108 | 9592DBEFFC6D2A0C8D5DEB22 /* [CP] Embed Pods Frameworks */, 109 | ); 110 | buildRules = ( 111 | ); 112 | dependencies = ( 113 | ); 114 | name = App; 115 | productName = App; 116 | productReference = 504EC3041FED79650016851F /* App.app */; 117 | productType = "com.apple.product-type.application"; 118 | }; 119 | /* End PBXNativeTarget section */ 120 | 121 | /* Begin PBXProject section */ 122 | 504EC2FC1FED79650016851F /* Project object */ = { 123 | isa = PBXProject; 124 | attributes = { 125 | LastSwiftUpdateCheck = 0920; 126 | LastUpgradeCheck = 0920; 127 | TargetAttributes = { 128 | 504EC3031FED79650016851F = { 129 | CreatedOnToolsVersion = 9.2; 130 | LastSwiftMigration = 1100; 131 | ProvisioningStyle = Automatic; 132 | }; 133 | }; 134 | }; 135 | buildConfigurationList = 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */; 136 | compatibilityVersion = "Xcode 8.0"; 137 | developmentRegion = en; 138 | hasScannedForEncodings = 0; 139 | knownRegions = ( 140 | en, 141 | Base, 142 | ); 143 | mainGroup = 504EC2FB1FED79650016851F; 144 | productRefGroup = 504EC3051FED79650016851F /* Products */; 145 | projectDirPath = ""; 146 | projectRoot = ""; 147 | targets = ( 148 | 504EC3031FED79650016851F /* App */, 149 | ); 150 | }; 151 | /* End PBXProject section */ 152 | 153 | /* Begin PBXResourcesBuildPhase section */ 154 | 504EC3021FED79650016851F /* Resources */ = { 155 | isa = PBXResourcesBuildPhase; 156 | buildActionMask = 2147483647; 157 | files = ( 158 | 504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */, 159 | 50B271D11FEDC1A000F3C39B /* public in Resources */, 160 | 504EC30F1FED79650016851F /* Assets.xcassets in Resources */, 161 | 50379B232058CBB4000EE86E /* capacitor.config.json in Resources */, 162 | 504EC30D1FED79650016851F /* Main.storyboard in Resources */, 163 | 2FAD9763203C412B000D30F8 /* config.xml in Resources */, 164 | ); 165 | runOnlyForDeploymentPostprocessing = 0; 166 | }; 167 | /* End PBXResourcesBuildPhase section */ 168 | 169 | /* Begin PBXShellScriptBuildPhase section */ 170 | 6634F4EFEBD30273BCE97C65 /* [CP] Check Pods Manifest.lock */ = { 171 | isa = PBXShellScriptBuildPhase; 172 | buildActionMask = 2147483647; 173 | files = ( 174 | ); 175 | inputPaths = ( 176 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 177 | "${PODS_ROOT}/Manifest.lock", 178 | ); 179 | name = "[CP] Check Pods Manifest.lock"; 180 | outputPaths = ( 181 | "$(DERIVED_FILE_DIR)/Pods-App-checkManifestLockResult.txt", 182 | ); 183 | runOnlyForDeploymentPostprocessing = 0; 184 | shellPath = /bin/sh; 185 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 186 | showEnvVarsInLog = 0; 187 | }; 188 | 9592DBEFFC6D2A0C8D5DEB22 /* [CP] Embed Pods Frameworks */ = { 189 | isa = PBXShellScriptBuildPhase; 190 | buildActionMask = 2147483647; 191 | files = ( 192 | ); 193 | inputPaths = ( 194 | ); 195 | name = "[CP] Embed Pods Frameworks"; 196 | outputPaths = ( 197 | ); 198 | runOnlyForDeploymentPostprocessing = 0; 199 | shellPath = /bin/sh; 200 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-App/Pods-App-frameworks.sh\"\n"; 201 | showEnvVarsInLog = 0; 202 | }; 203 | /* End PBXShellScriptBuildPhase section */ 204 | 205 | /* Begin PBXSourcesBuildPhase section */ 206 | 504EC3001FED79650016851F /* Sources */ = { 207 | isa = PBXSourcesBuildPhase; 208 | buildActionMask = 2147483647; 209 | files = ( 210 | 504EC3081FED79650016851F /* AppDelegate.swift in Sources */, 211 | ); 212 | runOnlyForDeploymentPostprocessing = 0; 213 | }; 214 | /* End PBXSourcesBuildPhase section */ 215 | 216 | /* Begin PBXVariantGroup section */ 217 | 504EC30B1FED79650016851F /* Main.storyboard */ = { 218 | isa = PBXVariantGroup; 219 | children = ( 220 | 504EC30C1FED79650016851F /* Base */, 221 | ); 222 | name = Main.storyboard; 223 | sourceTree = ""; 224 | }; 225 | 504EC3101FED79650016851F /* LaunchScreen.storyboard */ = { 226 | isa = PBXVariantGroup; 227 | children = ( 228 | 504EC3111FED79650016851F /* Base */, 229 | ); 230 | name = LaunchScreen.storyboard; 231 | sourceTree = ""; 232 | }; 233 | /* End PBXVariantGroup section */ 234 | 235 | /* Begin XCBuildConfiguration section */ 236 | 504EC3141FED79650016851F /* Debug */ = { 237 | isa = XCBuildConfiguration; 238 | buildSettings = { 239 | ALWAYS_SEARCH_USER_PATHS = NO; 240 | CLANG_ANALYZER_NONNULL = YES; 241 | CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; 242 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++14"; 243 | CLANG_CXX_LIBRARY = "libc++"; 244 | CLANG_ENABLE_MODULES = YES; 245 | CLANG_ENABLE_OBJC_ARC = YES; 246 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 247 | CLANG_WARN_BOOL_CONVERSION = YES; 248 | CLANG_WARN_COMMA = YES; 249 | CLANG_WARN_CONSTANT_CONVERSION = YES; 250 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 251 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 252 | CLANG_WARN_EMPTY_BODY = YES; 253 | CLANG_WARN_ENUM_CONVERSION = YES; 254 | CLANG_WARN_INFINITE_RECURSION = YES; 255 | CLANG_WARN_INT_CONVERSION = YES; 256 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 257 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 258 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 259 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 260 | CLANG_WARN_STRICT_PROTOTYPES = YES; 261 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 262 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; 263 | CLANG_WARN_UNREACHABLE_CODE = YES; 264 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 265 | CODE_SIGN_IDENTITY = "iPhone Developer"; 266 | COPY_PHASE_STRIP = NO; 267 | DEBUG_INFORMATION_FORMAT = dwarf; 268 | ENABLE_STRICT_OBJC_MSGSEND = YES; 269 | ENABLE_TESTABILITY = YES; 270 | GCC_C_LANGUAGE_STANDARD = gnu11; 271 | GCC_DYNAMIC_NO_PIC = NO; 272 | GCC_NO_COMMON_BLOCKS = YES; 273 | GCC_OPTIMIZATION_LEVEL = 0; 274 | GCC_PREPROCESSOR_DEFINITIONS = ( 275 | "DEBUG=1", 276 | "$(inherited)", 277 | ); 278 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 279 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 280 | GCC_WARN_UNDECLARED_SELECTOR = YES; 281 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 282 | GCC_WARN_UNUSED_FUNCTION = YES; 283 | GCC_WARN_UNUSED_VARIABLE = YES; 284 | IPHONEOS_DEPLOYMENT_TARGET = 11.0; 285 | MTL_ENABLE_DEBUG_INFO = YES; 286 | ONLY_ACTIVE_ARCH = YES; 287 | SDKROOT = iphoneos; 288 | SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG; 289 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 290 | }; 291 | name = Debug; 292 | }; 293 | 504EC3151FED79650016851F /* Release */ = { 294 | isa = XCBuildConfiguration; 295 | buildSettings = { 296 | ALWAYS_SEARCH_USER_PATHS = NO; 297 | CLANG_ANALYZER_NONNULL = YES; 298 | CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; 299 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++14"; 300 | CLANG_CXX_LIBRARY = "libc++"; 301 | CLANG_ENABLE_MODULES = YES; 302 | CLANG_ENABLE_OBJC_ARC = YES; 303 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 304 | CLANG_WARN_BOOL_CONVERSION = YES; 305 | CLANG_WARN_COMMA = YES; 306 | CLANG_WARN_CONSTANT_CONVERSION = YES; 307 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 308 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 309 | CLANG_WARN_EMPTY_BODY = YES; 310 | CLANG_WARN_ENUM_CONVERSION = YES; 311 | CLANG_WARN_INFINITE_RECURSION = YES; 312 | CLANG_WARN_INT_CONVERSION = YES; 313 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 314 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 315 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 316 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 317 | CLANG_WARN_STRICT_PROTOTYPES = YES; 318 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 319 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; 320 | CLANG_WARN_UNREACHABLE_CODE = YES; 321 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 322 | CODE_SIGN_IDENTITY = "iPhone Developer"; 323 | COPY_PHASE_STRIP = NO; 324 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 325 | ENABLE_NS_ASSERTIONS = NO; 326 | ENABLE_STRICT_OBJC_MSGSEND = YES; 327 | GCC_C_LANGUAGE_STANDARD = gnu11; 328 | GCC_NO_COMMON_BLOCKS = YES; 329 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 330 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 331 | GCC_WARN_UNDECLARED_SELECTOR = YES; 332 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 333 | GCC_WARN_UNUSED_FUNCTION = YES; 334 | GCC_WARN_UNUSED_VARIABLE = YES; 335 | IPHONEOS_DEPLOYMENT_TARGET = 11.0; 336 | MTL_ENABLE_DEBUG_INFO = NO; 337 | SDKROOT = iphoneos; 338 | SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule"; 339 | VALIDATE_PRODUCT = YES; 340 | }; 341 | name = Release; 342 | }; 343 | 504EC3171FED79650016851F /* Debug */ = { 344 | isa = XCBuildConfiguration; 345 | baseConfigurationReference = FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */; 346 | buildSettings = { 347 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 348 | CODE_SIGN_STYLE = Automatic; 349 | INFOPLIST_FILE = App/Info.plist; 350 | IPHONEOS_DEPLOYMENT_TARGET = 11.0; 351 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 352 | OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\""; 353 | PRODUCT_BUNDLE_IDENTIFIER = io.ionic.starter; 354 | PRODUCT_NAME = "$(TARGET_NAME)"; 355 | SWIFT_ACTIVE_COMPILATION_CONDITIONS = "DEBUG USE_PUSH"; 356 | SWIFT_VERSION = 5.0; 357 | TARGETED_DEVICE_FAMILY = "1,2"; 358 | }; 359 | name = Debug; 360 | }; 361 | 504EC3181FED79650016851F /* Release */ = { 362 | isa = XCBuildConfiguration; 363 | baseConfigurationReference = AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */; 364 | buildSettings = { 365 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 366 | CODE_SIGN_STYLE = Automatic; 367 | INFOPLIST_FILE = App/Info.plist; 368 | IPHONEOS_DEPLOYMENT_TARGET = 11.0; 369 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 370 | PRODUCT_BUNDLE_IDENTIFIER = io.ionic.starter; 371 | PRODUCT_NAME = "$(TARGET_NAME)"; 372 | SWIFT_ACTIVE_COMPILATION_CONDITIONS = USE_PUSH; 373 | SWIFT_VERSION = 5.0; 374 | TARGETED_DEVICE_FAMILY = "1,2"; 375 | }; 376 | name = Release; 377 | }; 378 | /* End XCBuildConfiguration section */ 379 | 380 | /* Begin XCConfigurationList section */ 381 | 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */ = { 382 | isa = XCConfigurationList; 383 | buildConfigurations = ( 384 | 504EC3141FED79650016851F /* Debug */, 385 | 504EC3151FED79650016851F /* Release */, 386 | ); 387 | defaultConfigurationIsVisible = 0; 388 | defaultConfigurationName = Release; 389 | }; 390 | 504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */ = { 391 | isa = XCConfigurationList; 392 | buildConfigurations = ( 393 | 504EC3171FED79650016851F /* Debug */, 394 | 504EC3181FED79650016851F /* Release */, 395 | ); 396 | defaultConfigurationIsVisible = 0; 397 | defaultConfigurationName = Release; 398 | }; 399 | /* End XCConfigurationList section */ 400 | }; 401 | rootObject = 504EC2FC1FED79650016851F /* Project object */; 402 | } 403 | -------------------------------------------------------------------------------- /ios/App/App.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/App/App.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /ios/App/App.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/App/App/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import UIKit 2 | import Capacitor 3 | 4 | @UIApplicationMain 5 | class AppDelegate: UIResponder, UIApplicationDelegate { 6 | 7 | var window: UIWindow? 8 | 9 | 10 | func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { 11 | // Override point for customization after application launch. 12 | return true 13 | } 14 | 15 | func applicationWillResignActive(_ application: UIApplication) { 16 | // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state. 17 | // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game. 18 | } 19 | 20 | func applicationDidEnterBackground(_ application: UIApplication) { 21 | // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later. 22 | // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits. 23 | } 24 | 25 | func applicationWillEnterForeground(_ application: UIApplication) { 26 | // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background. 27 | } 28 | 29 | func applicationDidBecomeActive(_ application: UIApplication) { 30 | // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface. 31 | } 32 | 33 | func applicationWillTerminate(_ application: UIApplication) { 34 | // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:. 35 | } 36 | 37 | func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool { 38 | // Called when the app was launched with a url. Feel free to add additional processing here, 39 | // but if you want the App API to support tracking app url opens, make sure to keep this call 40 | return CAPBridge.handleOpenUrl(url, options) 41 | } 42 | 43 | func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool { 44 | // Called when the app was launched with an activity, including Universal Links. 45 | // Feel free to add additional processing here, but if you want the App API to support 46 | // tracking app url opens, make sure to keep this call 47 | return CAPBridge.handleContinueActivity(userActivity, restorationHandler) 48 | } 49 | 50 | override func touchesBegan(_ touches: Set, with event: UIEvent?) { 51 | super.touchesBegan(touches, with: event) 52 | 53 | let statusBarRect = UIApplication.shared.statusBarFrame 54 | guard let touchPoint = event?.allTouches?.first?.location(in: self.window) else { return } 55 | 56 | if statusBarRect.contains(touchPoint) { 57 | NotificationCenter.default.post(CAPBridge.statusBarTappedNotification) 58 | } 59 | } 60 | 61 | #if USE_PUSH 62 | 63 | func application(_ application: UIApplication, didRegisterForRemoteNotificationsWithDeviceToken deviceToken: Data) { 64 | NotificationCenter.default.post(name: Notification.Name(CAPNotifications.DidRegisterForRemoteNotificationsWithDeviceToken.name()), object: deviceToken) 65 | } 66 | 67 | func application(_ application: UIApplication, didFailToRegisterForRemoteNotificationsWithError error: Error) { 68 | NotificationCenter.default.post(name: Notification.Name(CAPNotifications.DidFailToRegisterForRemoteNotificationsWithError.name()), object: error) 69 | } 70 | 71 | #endif 72 | 73 | } 74 | 75 | -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@1x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@2x-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@2x-1.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@2x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@3x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@1x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@2x-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@2x-1.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@2x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@3x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@1x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@2x-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@2x-1.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@2x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@3x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-60x60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-60x60@2x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-60x60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-60x60@3x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-76x76@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-76x76@1x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-76x76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-76x76@2x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-83.5x83.5@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-83.5x83.5@2x.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "20x20", 5 | "idiom" : "iphone", 6 | "filename" : "AppIcon-20x20@2x.png", 7 | "scale" : "2x" 8 | }, 9 | { 10 | "size" : "20x20", 11 | "idiom" : "iphone", 12 | "filename" : "AppIcon-20x20@3x.png", 13 | "scale" : "3x" 14 | }, 15 | { 16 | "size" : "29x29", 17 | "idiom" : "iphone", 18 | "filename" : "AppIcon-29x29@2x-1.png", 19 | "scale" : "2x" 20 | }, 21 | { 22 | "size" : "29x29", 23 | "idiom" : "iphone", 24 | "filename" : "AppIcon-29x29@3x.png", 25 | "scale" : "3x" 26 | }, 27 | { 28 | "size" : "40x40", 29 | "idiom" : "iphone", 30 | "filename" : "AppIcon-40x40@2x.png", 31 | "scale" : "2x" 32 | }, 33 | { 34 | "size" : "40x40", 35 | "idiom" : "iphone", 36 | "filename" : "AppIcon-40x40@3x.png", 37 | "scale" : "3x" 38 | }, 39 | { 40 | "size" : "60x60", 41 | "idiom" : "iphone", 42 | "filename" : "AppIcon-60x60@2x.png", 43 | "scale" : "2x" 44 | }, 45 | { 46 | "size" : "60x60", 47 | "idiom" : "iphone", 48 | "filename" : "AppIcon-60x60@3x.png", 49 | "scale" : "3x" 50 | }, 51 | { 52 | "size" : "20x20", 53 | "idiom" : "ipad", 54 | "filename" : "AppIcon-20x20@1x.png", 55 | "scale" : "1x" 56 | }, 57 | { 58 | "size" : "20x20", 59 | "idiom" : "ipad", 60 | "filename" : "AppIcon-20x20@2x-1.png", 61 | "scale" : "2x" 62 | }, 63 | { 64 | "size" : "29x29", 65 | "idiom" : "ipad", 66 | "filename" : "AppIcon-29x29@1x.png", 67 | "scale" : "1x" 68 | }, 69 | { 70 | "size" : "29x29", 71 | "idiom" : "ipad", 72 | "filename" : "AppIcon-29x29@2x.png", 73 | "scale" : "2x" 74 | }, 75 | { 76 | "size" : "40x40", 77 | "idiom" : "ipad", 78 | "filename" : "AppIcon-40x40@1x.png", 79 | "scale" : "1x" 80 | }, 81 | { 82 | "size" : "40x40", 83 | "idiom" : "ipad", 84 | "filename" : "AppIcon-40x40@2x-1.png", 85 | "scale" : "2x" 86 | }, 87 | { 88 | "size" : "76x76", 89 | "idiom" : "ipad", 90 | "filename" : "AppIcon-76x76@1x.png", 91 | "scale" : "1x" 92 | }, 93 | { 94 | "size" : "76x76", 95 | "idiom" : "ipad", 96 | "filename" : "AppIcon-76x76@2x.png", 97 | "scale" : "2x" 98 | }, 99 | { 100 | "size" : "83.5x83.5", 101 | "idiom" : "ipad", 102 | "filename" : "AppIcon-83.5x83.5@2x.png", 103 | "scale" : "2x" 104 | }, 105 | { 106 | "size" : "1024x1024", 107 | "idiom" : "ios-marketing", 108 | "filename" : "AppIcon-512@2x.png", 109 | "scale" : "1x" 110 | } 111 | ], 112 | "info" : { 113 | "version" : 1, 114 | "author" : "xcode" 115 | } 116 | } -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/Splash.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "filename" : "splash-2732x2732-2.png", 6 | "scale" : "1x" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "filename" : "splash-2732x2732-1.png", 11 | "scale" : "2x" 12 | }, 13 | { 14 | "idiom" : "universal", 15 | "filename" : "splash-2732x2732.png", 16 | "scale" : "3x" 17 | } 18 | ], 19 | "info" : { 20 | "version" : 1, 21 | "author" : "xcode" 22 | } 23 | } -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png -------------------------------------------------------------------------------- /ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png -------------------------------------------------------------------------------- /ios/App/App/Base.lproj/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /ios/App/App/Base.lproj/Main.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /ios/App/App/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | ionic-ordering-app 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleURLTypes 22 | 23 | 24 | CFBundleURLName 25 | com.getcapacitor.capacitor 26 | CFBundleURLSchemes 27 | 28 | capacitor 29 | 30 | 31 | 32 | CFBundleVersion 33 | 1 34 | LSRequiresIPhoneOS 35 | 36 | NSAppTransportSecurity 37 | 38 | NSAllowsArbitraryLoads 39 | 40 | 41 | NSCameraUsageDescription 42 | To Take Photos and Video 43 | NSLocationAlwaysUsageDescription 44 | Always allow Geolocation? 45 | NSLocationWhenInUseUsageDescription 46 | Allow Geolocation? 47 | NSMicrophoneUsageDescription 48 | To Record Audio With Video 49 | NSPhotoLibraryAddUsageDescription 50 | Store camera photos to camera 51 | NSPhotoLibraryUsageDescription 52 | To Pick Photos from Library 53 | UILaunchStoryboardName 54 | LaunchScreen 55 | UIMainStoryboardFile 56 | Main 57 | UIRequiredDeviceCapabilities 58 | 59 | armv7 60 | 61 | UISupportedInterfaceOrientations 62 | 63 | UIInterfaceOrientationPortrait 64 | UIInterfaceOrientationLandscapeLeft 65 | UIInterfaceOrientationLandscapeRight 66 | 67 | UISupportedInterfaceOrientations~ipad 68 | 69 | UIInterfaceOrientationPortrait 70 | UIInterfaceOrientationPortraitUpsideDown 71 | UIInterfaceOrientationLandscapeLeft 72 | UIInterfaceOrientationLandscapeRight 73 | 74 | UIViewControllerBasedStatusBarAppearance 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /ios/App/App/capacitor.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "appId": "io.ionic.starter", 3 | "appName": "ionic-ordering-app", 4 | "bundledWebRuntime": false, 5 | "npmClient": "npm", 6 | "webDir": "build", 7 | "plugins": { 8 | "SplashScreen": { 9 | "launchShowDuration": 0 10 | } 11 | }, 12 | "cordova": {}, 13 | "server": { 14 | "url": "http://localhost:8100", 15 | "cleartext": true 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /ios/App/App/config.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /ios/App/Podfile: -------------------------------------------------------------------------------- 1 | platform :ios, '11.0' 2 | use_frameworks! 3 | 4 | # workaround to avoid Xcode caching of Pods that requires 5 | # Product -> Clean Build Folder after new Cordova plugins installed 6 | # Requires CocoaPods 1.6 or newer 7 | install! 'cocoapods', :disable_input_output_paths => true 8 | 9 | def capacitor_pods 10 | # Automatic Capacitor Pod dependencies, do not delete 11 | pod 'Capacitor', :path => '../../node_modules/@capacitor/ios' 12 | pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios' 13 | 14 | # Do not delete 15 | end 16 | 17 | target 'App' do 18 | capacitor_pods 19 | # Add your Pods here 20 | end 21 | -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ionic-ordering-app", 3 | "version": "0.0.1", 4 | "private": true, 5 | "dependencies": { 6 | "@capacitor/core": "2.4.7", 7 | "@capacitor/ios": "^2.4.7", 8 | "@ionic/react": "^5.5.0", 9 | "@ionic/react-router": "^5.5.0", 10 | "@testing-library/jest-dom": "^5.11.9", 11 | "@testing-library/react": "^11.2.5", 12 | "@testing-library/user-event": "^12.6.3", 13 | "@types/jest": "^26.0.20", 14 | "@types/node": "^12.19.15", 15 | "@types/react": "^16.14.3", 16 | "@types/react-dom": "^16.9.10", 17 | "@types/react-router": "^5.1.11", 18 | "@types/react-router-dom": "^5.1.7", 19 | "ionicons": "^5.4.0", 20 | "pullstate": "^1.22.1", 21 | "react": "^17.0.1", 22 | "react-dom": "^17.0.1", 23 | "react-iconly": "^2.2.2", 24 | "react-router": "^5.2.0", 25 | "react-router-dom": "^5.2.0", 26 | "react-scripts": "4.0.2", 27 | "reselect": "^4.0.0", 28 | "typescript": "^4.1.3", 29 | "web-vitals": "^0.2.4", 30 | "workbox-background-sync": "^5.1.4", 31 | "workbox-broadcast-update": "^5.1.4", 32 | "workbox-cacheable-response": "^5.1.4", 33 | "workbox-core": "^5.1.4", 34 | "workbox-expiration": "^5.1.4", 35 | "workbox-google-analytics": "^5.1.4", 36 | "workbox-navigation-preload": "^5.1.4", 37 | "workbox-precaching": "^5.1.4", 38 | "workbox-range-requests": "^5.1.4", 39 | "workbox-routing": "^5.1.4", 40 | "workbox-strategies": "^5.1.4", 41 | "workbox-streams": "^5.1.4" 42 | }, 43 | "scripts": { 44 | "start": "react-scripts start", 45 | "build": "react-scripts build", 46 | "test": "react-scripts test", 47 | "eject": "react-scripts eject" 48 | }, 49 | "eslintConfig": { 50 | "extends": [ 51 | "react-app", 52 | "react-app/jest" 53 | ] 54 | }, 55 | "browserslist": { 56 | "production": [ 57 | ">0.2%", 58 | "not dead", 59 | "not op_mini all" 60 | ], 61 | "development": [ 62 | "last 1 chrome version", 63 | "last 1 firefox version", 64 | "last 1 safari version" 65 | ] 66 | }, 67 | "devDependencies": { 68 | "@capacitor/cli": "2.4.7" 69 | }, 70 | "description": "An Ionic project" 71 | } 72 | -------------------------------------------------------------------------------- /public/assets/icon/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/public/assets/icon/favicon.png -------------------------------------------------------------------------------- /public/assets/icon/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanmontgomery/ionic-ordering-app/18dfaa64ad2c887d486da8b3984ea686be408111/public/assets/icon/icon.png -------------------------------------------------------------------------------- /public/assets/shapes.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Ionic Coffee 6 | 7 | 8 | 9 | 10 | 11 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "Ionic App", 3 | "name": "My Ionic App", 4 | "icons": [ 5 | { 6 | "src": "assets/icon/favicon.png", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "assets/icon/icon.png", 12 | "type": "image/png", 13 | "sizes": "512x512", 14 | "purpose": "maskable" 15 | } 16 | ], 17 | "start_url": ".", 18 | "display": "standalone", 19 | "theme_color": "#ffffff", 20 | "background_color": "#ffffff" 21 | } 22 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import { Redirect, Route } from 'react-router-dom'; 2 | import { IonApp, IonRouterOutlet, IonSplitPane } from '@ionic/react'; 3 | import { IonReactRouter } from '@ionic/react-router'; 4 | import Tabs from "./components/Tabs"; 5 | 6 | /* Core CSS required for Ionic components to work properly */ 7 | import '@ionic/react/css/core.css'; 8 | 9 | /* Basic CSS for apps built with Ionic */ 10 | import '@ionic/react/css/normalize.css'; 11 | import '@ionic/react/css/structure.css'; 12 | import '@ionic/react/css/typography.css'; 13 | 14 | /* Optional CSS utils that can be commented out */ 15 | import '@ionic/react/css/padding.css'; 16 | import '@ionic/react/css/float-elements.css'; 17 | import '@ionic/react/css/text-alignment.css'; 18 | import '@ionic/react/css/text-transformation.css'; 19 | import '@ionic/react/css/flex-utils.css'; 20 | import '@ionic/react/css/display.css'; 21 | 22 | /* Theme variables */ 23 | import './theme/variables.css'; 24 | import Homepage from './pages/Home'; 25 | import ViewCoffee from './pages/ViewCoffee'; 26 | import ViewCoffees from './pages/ViewCoffees'; 27 | 28 | const App = (props) => ( 29 | 30 | 31 | 32 | 33 | 34 | 35 | } /> 36 | } /> 37 | } /> 38 | } /> 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | ); 47 | 48 | export default App; 49 | -------------------------------------------------------------------------------- /src/components/CoffeeCard.js: -------------------------------------------------------------------------------- 1 | import { IonCard, IonCardSubtitle, IonCardTitle, IonCol } from "@ionic/react"; 2 | import { ArrowRightSquare } from "react-iconly"; 3 | 4 | import styles from "./CoffeeCard.module.css"; 5 | 6 | const CoffeeCard = props => { 7 | 8 | const { coffee } = props; 9 | 10 | return ( 11 | 12 | 13 | 14 | coffee 15 | { coffee.name } 16 | { coffee.summary } 17 |
18 |

${ coffee.price }

19 |
20 | 21 |
22 |
23 | 24 | 25 | ); 26 | } 27 | 28 | export default CoffeeCard; -------------------------------------------------------------------------------- /src/components/CoffeeCard.module.css: -------------------------------------------------------------------------------- 1 | .coffeeCard { 2 | 3 | padding: 0.8rem; 4 | border-radius: 20px; 5 | } 6 | 7 | .coffeeCard img { 8 | 9 | border-radius: 20px; 10 | height: 10rem; 11 | width: 100%; 12 | } 13 | 14 | .coffeeCard ion-card-title { 15 | 16 | margin-top: 1rem; 17 | font-size: 1rem; 18 | } 19 | 20 | .coffeePrice { 21 | 22 | display: flex; 23 | flex-direction: row; 24 | justify-content: space-between; 25 | align-items: center; 26 | align-content: center; 27 | margin-top: -0.2rem; 28 | } 29 | 30 | .coffeeAddButton { 31 | 32 | color: var(--ion-color-main) !important; 33 | margin-top: 0.5rem; 34 | } 35 | 36 | .coffeeCardLong img { 37 | 38 | border-radius: 20px; 39 | height: 5rem !important; 40 | width: 100%; 41 | } 42 | 43 | .coffeeCardLongDetails { 44 | 45 | margin-left: 1rem; 46 | margin-top: -0.7rem; 47 | } 48 | 49 | .coffeeCardLongDetails p { 50 | 51 | font-size: 0.8rem; 52 | margin: 0; 53 | margin-top: 0.2rem; 54 | } 55 | -------------------------------------------------------------------------------- /src/components/CoffeeCardOffer.js: -------------------------------------------------------------------------------- 1 | import { IonCard, IonCardSubtitle, IonCardTitle, IonCol, IonRow } from "@ionic/react"; 2 | import { Plus } from "react-iconly"; 3 | 4 | import styles from "./CoffeeCard.module.css"; 5 | 6 | const CoffeeCardOffer = props => { 7 | 8 | const { offer } = props; 9 | 10 | return ( 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | coffee 20 | 21 | 22 | 23 |
24 | { offer.title } 25 |

{ offer.description }

26 |
27 | 28 | 29 | 30 | 31 | 32 | ); 33 | } 34 | 35 | export default CoffeeCardOffer; -------------------------------------------------------------------------------- /src/components/Tabs.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { IonIcon, IonLabel, IonTabBar, IonTabButton, IonTabs, IonRouterOutlet } from "@ionic/react"; 3 | import { Redirect, Route } from "react-router-dom"; 4 | 5 | import { Home, Bag, Heart2, Notification } from "react-iconly"; 6 | import Homepage from '../pages/Home'; 7 | import Favourites from '../pages/Favourites'; 8 | import Cart from "../pages/Cart"; 9 | 10 | const Tabs = (props) => { 11 | 12 | return ( 13 | 14 | 15 | } /> 16 | } /> 17 | } /> 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | ); 36 | } 37 | 38 | export default Tabs; -------------------------------------------------------------------------------- /src/components/ViewCoffeeCard.js: -------------------------------------------------------------------------------- 1 | import { IonButton, IonCard, IonCardSubtitle, IonCardTitle, IonCol, IonRow } from "@ionic/react"; 2 | 3 | import { useRef } from "react"; 4 | import { Bag } from "react-iconly"; 5 | import { addToCart } from "../store/CartStore"; 6 | import '../pages/Home.css'; 7 | 8 | const ViewCoffeeCard = props => { 9 | 10 | const { coffee, cartRef } = props; 11 | const coffeeCartRef = useRef(); 12 | 13 | const addCoffeeToCart = (e, coffeeID) => { 14 | 15 | e.preventDefault(); 16 | e.stopPropagation(); 17 | 18 | coffeeCartRef.current.style.display = ""; 19 | coffeeCartRef.current.classList.add("animate__fadeOutUp"); 20 | 21 | setTimeout(() => { 22 | 23 | cartRef.current.classList.add("animate__tada"); 24 | addToCart(coffeeID); 25 | 26 | setTimeout(() => { 27 | 28 | cartRef.current.classList.remove("animate__tada"); 29 | coffeeCartRef.current.style.display = "none"; 30 | }, 500); 31 | }, 500); 32 | } 33 | 34 | return ( 35 | 36 | 37 | 38 | 39 | 40 | 41 | coffee type 42 | { coffee.name } 43 | { coffee.summary } 44 | 45 | 46 | 47 | 48 | Description 49 |

{ coffee.description }

50 | 51 | 52 | 53 | View → 54 | 55 | 56 | 57 | addCoffeeToCart(e, coffee.id) }> 58 | 59 | 60 | 61 |
62 | 63 |
64 | 65 | 66 | 67 | 68 | ); 69 | } 70 | 71 | export default ViewCoffeeCard; -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | 5 | ReactDOM.render( 6 | 7 | 8 | , 9 | document.getElementById('root') 10 | ); -------------------------------------------------------------------------------- /src/pages/Cart.js: -------------------------------------------------------------------------------- 1 | import { IonBadge, IonButton, IonCardSubtitle, IonCol, IonContent, IonFooter, IonHeader, IonItem, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList, IonNote, IonPage, IonRow, IonTitle, IonToolbar } from "@ionic/react"; 2 | import { Delete, TickSquare } from "react-iconly"; 3 | import { useEffect, useState } from "react"; 4 | import { CartStore, CoffeeStore } from "../store"; 5 | import { removeFromCart } from "../store/CartStore"; 6 | import { getCartCoffees, getCoffees } from "../store/Selectors"; 7 | 8 | import styles from "./Cart.module.css"; 9 | 10 | const Cart = () => { 11 | 12 | const coffees = CoffeeStore.useState(getCoffees); 13 | const cart = CartStore.useState(getCartCoffees); 14 | 15 | const [ cartProducts, setCartProducts ] = useState([]); 16 | const [ amountLoaded, setAmountLoaded ] = useState(6); 17 | const [ total, setTotal ] = useState(0); 18 | 19 | useEffect(() => { 20 | 21 | const getCartProducts = () => { 22 | 23 | setCartProducts([]); 24 | setTotal(0); 25 | 26 | cart.forEach(coffee => { 27 | 28 | var coffeeID = coffee; 29 | const tempCoffee = coffees.filter(p => parseInt(p.id) === parseInt(coffeeID))[0]; 30 | 31 | setTotal(prevTotal => prevTotal + parseFloat(tempCoffee.price)); 32 | setCartProducts(prevSearchResults => [ ...prevSearchResults, tempCoffee ]); 33 | }); 34 | } 35 | 36 | getCartProducts(); 37 | }, [ cart ]); 38 | 39 | const fetchMore = async (e) => { 40 | 41 | // Increment the amount loaded by 6 for the next iteration 42 | setAmountLoaded(prevAmount => (prevAmount + 6)); 43 | e.target.complete(); 44 | } 45 | 46 | const removeProductFromCart = async (index) => { 47 | 48 | removeFromCart(index); 49 | } 50 | 51 | return ( 52 | 53 | 54 | 55 | 56 | Checkout 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | { cartProducts && cartProducts.length } { (cartProducts.length > 1 || cartProducts.length === 0) ? " coffees" : " coffee" } found 65 | 66 | 67 | 68 | 69 | { cartProducts && cartProducts.map((coffee, index) => { 70 | 71 | if ((index <= amountLoaded)) { 72 | return ( 73 | 74 | 75 | 76 | cart coffee 77 | 78 |

{ coffee.name }

79 | 80 | 81 |
82 | ${ coffee.price } 83 |
84 | 85 | 86 | 87 | removeProductFromCart(index) }> 88 | 89 | 90 | 91 | 92 | ); 93 | } 94 | })} 95 | 96 | 97 | 98 | 99 |
100 | ${ total.toFixed(2) } 101 | 102 | 103 | 104 |  Checkout 105 | 106 |
107 | 108 | 109 | ); 110 | } 111 | 112 | export default Cart; -------------------------------------------------------------------------------- /src/pages/Cart.module.css: -------------------------------------------------------------------------------- 1 | .cartCheckout { 2 | 3 | display: flex; 4 | flex-direction: row; 5 | justify-content: space-between; 6 | align-items: center; 7 | align-content: center; 8 | margin: 1rem; 9 | } 10 | 11 | .cartFooter { 12 | 13 | border-top: 2px solid #141a22; 14 | background-color: var(--ion-background-color); 15 | padding-left: 1rem; 16 | padding-right: 1rem; 17 | } 18 | 19 | .cartCheckout ion-card-subtitle { 20 | 21 | font-size: 1.3rem; 22 | color: white !important; 23 | } 24 | 25 | .cartItem { 26 | 27 | padding: 1rem; 28 | } 29 | 30 | .cartItem img { 31 | 32 | height: 3rem; 33 | width: 3rem; 34 | border-radius: 10px; 35 | } 36 | 37 | .cartSlider:not(:nth-child(1)) { 38 | 39 | border-top: 2px solid var(--ion-background-color); 40 | } 41 | 42 | .cartActions { 43 | 44 | display: flex; 45 | flex-direction: column; 46 | } -------------------------------------------------------------------------------- /src/pages/Favourites.js: -------------------------------------------------------------------------------- 1 | import { IonButtons, IonCol, IonContent, IonGrid, IonHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonNote, IonPage, IonRow, IonTitle, IonToolbar, useIonRouter } from "@ionic/react"; 2 | import { Bag } from "react-iconly"; 3 | import { useEffect, useRef, useState } from "react"; 4 | import ViewCoffeeCard from "../components/ViewCoffeeCard"; 5 | import { CartStore, CoffeeStore, FavouriteStore } from "../store"; 6 | import { getCartCoffees, getCoffees, getFavouriteCoffees } from "../store/Selectors"; 7 | import './Home.css'; 8 | 9 | const Favourites = () => { 10 | 11 | const cartRef = useRef(); 12 | const router = useIonRouter(); 13 | 14 | const coffees = CoffeeStore.useState(getCoffees); 15 | const favourites = FavouriteStore.useState(getFavouriteCoffees); 16 | const cart = CartStore.useState(getCartCoffees); 17 | 18 | const [ searchResults, setSearchResults ] = useState([]); 19 | const [ amountLoaded, setAmountLoaded ] = useState(6); 20 | 21 | useEffect(() => { 22 | 23 | const getFavourites = () => { 24 | 25 | setSearchResults([]); 26 | 27 | favourites.forEach(favourite => { 28 | 29 | var coffeeID = favourite; 30 | const tempCoffee = coffees.filter(c => parseInt(c.id) === parseInt(coffeeID))[0]; 31 | setSearchResults(prevSearchResults => [ ...prevSearchResults, tempCoffee ]); 32 | }); 33 | } 34 | 35 | getFavourites(); 36 | }, [ favourites ]); 37 | 38 | const fetchMore = async (e) => { 39 | 40 | // Increment the amount loaded by 6 for the next iteration 41 | setAmountLoaded(prevAmount => (prevAmount + 6)); 42 | e.target.complete(); 43 | } 44 | 45 | return ( 46 | 47 | 48 | 49 | 50 | Favourites 51 | 52 | 53 |
router.goBack() }> 54 | 0) ? "yellow-icon" : "gray-icon" } /> 55 |
56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | { searchResults && searchResults.length } { (searchResults.length > 1 || searchResults.length === 0) ? " favourites" : " favourite" } found 66 | 67 | 68 | 69 | 70 | { searchResults && searchResults.map((coffee, index) => { 71 | 72 | if ((index <= amountLoaded)) { 73 | return ( 74 | 75 | ); 76 | } 77 | })} 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | ); 88 | } 89 | 90 | export default Favourites; -------------------------------------------------------------------------------- /src/pages/Home.css: -------------------------------------------------------------------------------- 1 | .main-heading { 2 | 3 | font-size: 2.3rem; 4 | font-weight: 700; 5 | } 6 | 7 | .heading { 8 | 9 | letter-spacing: -0.05rem; 10 | margin-left: 1rem; 11 | } -------------------------------------------------------------------------------- /src/pages/Home.js: -------------------------------------------------------------------------------- 1 | import { IonButtons, IonCol, IonContent, IonGrid, IonHeader, IonPage, IonRouterLink, IonRow, IonSearchbar, IonTitle, IonToolbar, useIonRouter } from '@ionic/react'; 2 | import { searchSharp } from 'ionicons/icons'; 3 | import { Category, Filter } from "react-iconly"; 4 | import CoffeeCard from '../components/CoffeeCard'; 5 | import CoffeeCardOffer from '../components/CoffeeCardOffer'; 6 | 7 | import { CoffeeStore, CoffeeOfferStore } from "../store"; 8 | import { getCoffees, getOffers } from '../store/Selectors'; 9 | import './Home.css'; 10 | 11 | const Homepage = () => { 12 | 13 | const router = useIonRouter(); 14 | const coffees = CoffeeStore.useState(getCoffees); 15 | const offers = CoffeeOfferStore.useState(getOffers); 16 | 17 | return ( 18 | 19 | 20 | 21 | 22 |
23 | 24 |
25 | 26 | 27 | Ionic Coffee 28 | 29 | 30 |
31 | avatar 32 |
33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 |

Find the best coffee near you

44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | router.push("/coffees/true") } searchIcon={ searchSharp } placeholder="Try 'Caramel Latte'" /> 53 | 54 | 55 | 56 | 57 |

Popular

58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | { coffees.map(coffee => { 66 | 67 | if (coffee.id <= 2) { 68 | return ; 69 | } 70 | })} 71 | 72 | 73 | 74 | 75 |

Special Offers

76 | 77 | 78 | 79 | { offers.map(offer => { 80 | 81 | return ; 82 | })} 83 | 84 | 85 | 86 | ); 87 | }; 88 | 89 | export default Homepage; -------------------------------------------------------------------------------- /src/pages/ViewCoffee.js: -------------------------------------------------------------------------------- 1 | import { IonBadge, IonButton, IonButtons, IonCard, IonCardSubtitle, IonCol, IonContent, IonFooter, IonGrid, IonHeader, IonPage, IonRow, IonTitle, IonToolbar, useIonRouter } from '@ionic/react'; 2 | import { useEffect, useRef, useState } from 'react'; 3 | import { Bag, Heart, CaretLeft, InfoSquare } from "react-iconly"; 4 | import { useParams } from 'react-router'; 5 | import { CoffeeSizeStore, CoffeeStore, FavouriteStore } from '../store'; 6 | import { addToCart } from '../store/CartStore'; 7 | import { addToFavourites } from '../store/FavouriteStore'; 8 | import { getCoffee, getCoffeeSizes, getFavouriteCoffees } from '../store/Selectors'; 9 | import './Home.css'; 10 | 11 | import styles from "./ViewCoffee.module.css"; 12 | 13 | const ViewCoffee = props => { 14 | 15 | const router = useIonRouter(); 16 | const params = useParams(); 17 | const coffee = CoffeeStore.useState(getCoffee(params.id)); 18 | const favourites = FavouriteStore.useState(getFavouriteCoffees); 19 | const coffeeSizes = CoffeeSizeStore.useState(getCoffeeSizes); 20 | const [ selectedSize, setSelectedSize ] = useState(false); 21 | 22 | const favouriteRef = useRef(); 23 | const coffeeCartRef = useRef(); 24 | const [ isFavourite, setIsFavourite ] = useState(false); 25 | 26 | const getPrice = () => coffee.prices.filter(p => parseInt(p.size_id) === parseInt(selectedSize))[0].price; 27 | 28 | useEffect(() => { 29 | 30 | const coffeeID = params.id; 31 | const tempIsFavourite = favourites.find(f => parseInt(f) === parseInt(coffeeID)); 32 | 33 | setIsFavourite(tempIsFavourite); 34 | }, [ params.id, favourites ]); 35 | 36 | const addCoffeeToFavourites = (e, coffeeID) => { 37 | 38 | e.preventDefault(); 39 | addToFavourites(coffeeID); 40 | 41 | favouriteRef.current.classList.add("animate__tada"); 42 | 43 | setTimeout(() => { 44 | favouriteRef.current.classList.remove("animate__tada"); 45 | }, 700); 46 | } 47 | 48 | const addCoffeeToCart = (e, coffeeID) => { 49 | 50 | e.preventDefault(); 51 | e.stopPropagation(); 52 | 53 | coffeeCartRef.current.style.display = ""; 54 | coffeeCartRef.current.classList.add("animate__fadeOutUp"); 55 | 56 | setTimeout(() => { 57 | 58 | addToCart(coffeeID); 59 | 60 | setTimeout(() => { 61 | 62 | coffeeCartRef.current.style.display = "none"; 63 | }, 500); 64 | }, 500); 65 | } 66 | 67 | return ( 68 | 69 | 70 | 71 | 72 |
router.goBack() }> 73 | 74 |
75 | 76 | 77 | { coffee.name } 78 | 79 | 80 |
addCoffeeToFavourites(e, coffee.id) }> 81 | 82 |
83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 |

{ coffee.name }

94 | { coffee.summary } 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | coffee type 106 | 107 | 108 | 109 | 110 | Description 111 |

{ coffee.description }

112 | 113 | 114 | 115 | 116 | 117 | 118 | Extras included 119 | 120 | 121 | 122 | { coffee.extras.map((extra, index) => { 123 | 124 | return ( 125 | 126 | 127 | { extra } 128 | 129 | ); 130 | })} 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | Pick your size 139 | 140 | 141 | { coffeeSizes.map(size => { 142 | 143 | return ( 144 | 145 | setSelectedSize(size.id) } expand="block" color={ size.id === selectedSize ? "main" : "custom-light" } fill={ size.id === selectedSize ? "outline" : "solid" }> 146 | { size.name } 147 | 148 | 149 | ); 150 | })} 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 |
159 |
160 | Price 161 |

${ selectedSize ? getPrice() : "0.00" }

162 |
163 | addCoffeeToCart(e, coffee.id) } disabled={ !selectedSize } expand="block" color="main">Add to cart 164 | 165 |
166 | 167 |
168 |
169 | 170 | 171 | ); 172 | }; 173 | 174 | export default ViewCoffee; 175 | -------------------------------------------------------------------------------- /src/pages/ViewCoffee.module.css: -------------------------------------------------------------------------------- 1 | .checkout { 2 | 3 | border-top: 2px solid #141a22; 4 | background-color: var(--ion-background-color); 5 | padding-bottom: 1rem; 6 | } 7 | 8 | .checkoutDetails { 9 | 10 | display: flex; 11 | flex-direction: row; 12 | justify-content: space-between; 13 | align-items: center; 14 | align-content: center; 15 | margin-left: 2rem; 16 | margin-right: 1rem; 17 | margin-top: 0.5rem; 18 | margin-bottom: 0.5rem; 19 | } 20 | 21 | .checkoutDetails ion-button { 22 | 23 | width: 60%; 24 | --border-radius: 10px; 25 | height: 3.5rem; 26 | } 27 | 28 | .priceDetails { 29 | 30 | /* margin-left: 2rem; */ 31 | display: flex; 32 | flex-direction: column; 33 | justify-content: center; 34 | align-content: center; 35 | align-items: center; 36 | } 37 | 38 | .priceDetails h4 { 39 | 40 | margin: 0; 41 | padding: 0; 42 | color: white !important; 43 | } 44 | 45 | .extra { 46 | 47 | margin-top: 0.3rem; 48 | padding: 0.75rem; 49 | color: #475464; 50 | } -------------------------------------------------------------------------------- /src/pages/ViewCoffees.js: -------------------------------------------------------------------------------- 1 | import { IonButtons, IonCardSubtitle, IonCol, IonContent, IonGrid, IonHeader, IonPage, IonRow, IonSearchbar, IonTitle, IonToolbar, useIonRouter, useIonViewDidEnter } from '@ionic/react'; 2 | import { searchSharp } from 'ionicons/icons'; 3 | import { useRef, useState } from 'react'; 4 | import { Bag, CaretLeft } from "react-iconly"; 5 | import { useParams } from 'react-router'; 6 | import ViewCoffeeCard from '../components/ViewCoffeeCard'; 7 | import { CartStore, CoffeeStore } from '../store'; 8 | import { getCoffees, getCartCoffees } from '../store/Selectors'; 9 | import './Home.css'; 10 | 11 | const ViewCoffees = props => { 12 | 13 | const router = useIonRouter(); 14 | const params = useParams(); 15 | const coffees = CoffeeStore.useState(getCoffees); 16 | const cart = CartStore.useState(getCartCoffees); 17 | const [ results, setResults ] = useState(coffees); 18 | 19 | const cartRef = useRef(); 20 | const searchRef = useRef(); 21 | 22 | useIonViewDidEnter(() => { 23 | 24 | if (params.from_search) { 25 | 26 | setTimeout(() => { 27 | searchRef.current.setFocus(); 28 | }, 500); 29 | } 30 | }); 31 | 32 | const search = (e) => { 33 | 34 | const searchTerm = e.currentTarget.value; 35 | 36 | if (searchTerm !== "") { 37 | 38 | const searchTermLower = searchTerm.toLowerCase(); 39 | 40 | const newResults = coffees.filter(e => e.name.toLowerCase().includes(searchTermLower)); 41 | setResults(newResults); 42 | } else { 43 | 44 | setResults(coffees); 45 | } 46 | } 47 | 48 | return ( 49 | 50 | 51 | 52 | 53 |
router.goBack() }> 54 | 55 |
56 | 57 | 58 | Full Range 59 | 60 | 61 |
router.push("/tabs/cart") }> 62 | 0) ? "yellow-icon" : "gray-icon" } /> 63 |
64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 |

View Full Range

75 | Our range of succulent coffee 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | search(e) } id="searchbar" ref={ searchRef } searchIcon={ searchSharp } placeholder="Try 'Cappuccino'" /> 85 | 86 | 87 | 88 | 89 | { results.map(coffee => { 90 | 91 | return 92 | })} 93 | 94 | 95 | 96 | ); 97 | }; 98 | 99 | export default ViewCoffees; 100 | -------------------------------------------------------------------------------- /src/store/CartStore.js: -------------------------------------------------------------------------------- 1 | import { Store } from "pullstate"; 2 | 3 | const CartStore = new Store({ 4 | 5 | total: 0, 6 | coffee_ids: [] 7 | }); 8 | 9 | export default CartStore; 10 | 11 | export const addToCart = (coffeeID) => { 12 | 13 | CartStore.update(s => { s.coffee_ids = [ ...s.coffee_ids, `${ parseInt(coffeeID) }` ]; }); 14 | } 15 | 16 | export const removeFromCart = coffeeIndex => { 17 | 18 | CartStore.update(s => { s.coffee_ids.splice(coffeeIndex, 1) }); 19 | } -------------------------------------------------------------------------------- /src/store/CoffeeOfferStore.js: -------------------------------------------------------------------------------- 1 | import { Store } from 'pullstate'; 2 | 3 | const CoffeeOfferStore = new Store({ 4 | 5 | offers: [ 6 | { 7 | id: 1, 8 | title: "Buy one get one free!", 9 | description: "Any time you buy a coffee using your loyalty card scheme, you can get one free", 10 | image: "https://images.pexels.com/photos/861090/pexels-photo-861090.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" 11 | } 12 | ] 13 | }); 14 | 15 | export default CoffeeOfferStore; -------------------------------------------------------------------------------- /src/store/CoffeeSizeStore.js: -------------------------------------------------------------------------------- 1 | import { Store } from 'pullstate'; 2 | 3 | const CoffeeSizeStore = new Store({ 4 | 5 | sizes: [ 6 | { 7 | id: 1, 8 | name: "Small" 9 | }, 10 | { 11 | id: 2, 12 | name: "Medium", 13 | }, 14 | { 15 | id: 3, 16 | name: "Large" 17 | } 18 | ] 19 | }); 20 | 21 | export default CoffeeSizeStore; -------------------------------------------------------------------------------- /src/store/CoffeeStore.js: -------------------------------------------------------------------------------- 1 | import { Store } from 'pullstate'; 2 | 3 | const CoffeeStore = new Store({ 4 | 5 | coffees: [ 6 | { 7 | id: 1, 8 | name: "Cappuccino", 9 | summary: "With Milk", 10 | extras: [ "milk" ], 11 | description: "This is a beautiful cup of cappuccino, complimented with semi-skimmed milk. Comes in three different sizes.", 12 | price: "3.20", 13 | prices: [ 14 | { 15 | size_id: 1, 16 | price: "3.20" 17 | }, 18 | { 19 | size_id: 2, 20 | price: "3.90" 21 | }, 22 | { 23 | size_id: 3, 24 | price: "4.20" 25 | } 26 | ], 27 | image: "https://images.pexels.com/photos/1170659/pexels-photo-1170659.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" 28 | }, 29 | { 30 | id: 2, 31 | name: "Lattè", 32 | summary: "With Caramel", 33 | extras: [ "caramel" ], 34 | description: "This is a beautiful cup of lattè, complimented with sweet caramel. Comes in three different sizes.", 35 | price: "5.10", 36 | prices: [ 37 | { 38 | size_id: 1, 39 | price: "4.35" 40 | }, 41 | { 42 | size_id: 2, 43 | price: "4.85" 44 | }, 45 | { 46 | size_id: 3, 47 | price: "5.10" 48 | } 49 | ], 50 | image: "https://images.pexels.com/photos/2067399/pexels-photo-2067399.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" 51 | }, 52 | { 53 | id: 3, 54 | name: "Espresso", 55 | summary: "With 2 shots", 56 | extras: [ "2 shots" ], 57 | description: "This is a beautiful cup of espresso, complimented with 2 shots. Comes in three different sizes.", 58 | price: "6.20", 59 | prices: [ 60 | { 61 | size_id: 1, 62 | price: "6.20" 63 | }, 64 | { 65 | size_id: 2, 66 | price: "6.80" 67 | }, 68 | { 69 | size_id: 3, 70 | price: "7.10" 71 | } 72 | ], 73 | image: "https://images.pexels.com/photos/302894/pexels-photo-302894.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" 74 | }, 75 | { 76 | id: 4, 77 | name: "Americano", 78 | summary: "With Milk", 79 | extras: [ "Milk" ], 80 | description: "This is a beautiful cup of Americano, complimented with full fat milk. Comes in three different sizes.", 81 | price: "5.35", 82 | prices: [ 83 | { 84 | size_id: 1, 85 | price: "5.35" 86 | }, 87 | { 88 | size_id: 2, 89 | price: "5.70" 90 | }, 91 | { 92 | size_id: 3, 93 | price: "6.50" 94 | } 95 | ], 96 | image: "https://images.pexels.com/photos/6207297/pexels-photo-6207297.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" 97 | } 98 | ] 99 | }); 100 | 101 | export default CoffeeStore; -------------------------------------------------------------------------------- /src/store/FavouriteStore.js: -------------------------------------------------------------------------------- 1 | import { Store } from "pullstate"; 2 | 3 | const FavouriteStore = new Store({ 4 | 5 | total: 0, 6 | coffee_ids: [] 7 | }); 8 | 9 | export default FavouriteStore; 10 | 11 | export const addToFavourites = (coffeeID) => { 12 | 13 | FavouriteStore.update(s => { 14 | 15 | if (s.coffee_ids.find(id => id === parseInt(coffeeID))) { 16 | s.coffee_ids = s.coffee_ids.filter(id => id !== parseInt(coffeeID)); 17 | } else { 18 | s.coffee_ids = [ ...s.coffee_ids, parseInt(coffeeID) ]; 19 | } 20 | }); 21 | } -------------------------------------------------------------------------------- /src/store/Selectors.js: -------------------------------------------------------------------------------- 1 | import { createSelector } from 'reselect'; 2 | 3 | const getState = state => state; 4 | 5 | // General getters 6 | export const getCoffees = createSelector(getState, state => state.coffees); 7 | export const getOffers = createSelector(getState, state => state.offers); 8 | export const getCoffeeSizes = createSelector(getState, state => state.sizes); 9 | export const getCartCoffees = createSelector(getState, state => state.coffee_ids); 10 | export const getFavouriteCoffees = createSelector(getState, state => state.coffee_ids); 11 | 12 | // More specific getters 13 | export const getCoffee = id => createSelector(getState, state => state.coffees.filter(c => parseInt(c.id) === parseInt(id))[0]); -------------------------------------------------------------------------------- /src/store/index.js: -------------------------------------------------------------------------------- 1 | export { default as CoffeeStore } from "./CoffeeStore"; 2 | export { default as CoffeeSizeStore } from "./CoffeeSizeStore"; 3 | export { default as CoffeeOfferStore } from "./CoffeeOfferStore"; 4 | export { default as CartStore } from "./CartStore"; 5 | export { default as FavouriteStore } from "./FavouriteStore"; -------------------------------------------------------------------------------- /src/theme/variables.css: -------------------------------------------------------------------------------- 1 | /* Ionic Variables and Theming. For more info, please see: 2 | http://ionicframework.com/docs/theming/ */ 3 | 4 | /** Ionic CSS Variables **/ 5 | :root { 6 | /** primary **/ 7 | --ion-color-primary: #3880ff; 8 | --ion-color-primary-rgb: 56, 128, 255; 9 | --ion-color-primary-contrast: #ffffff; 10 | --ion-color-primary-contrast-rgb: 255, 255, 255; 11 | --ion-color-primary-shade: #3171e0; 12 | --ion-color-primary-tint: #4c8dff; 13 | 14 | /** secondary **/ 15 | --ion-color-secondary: #3dc2ff; 16 | --ion-color-secondary-rgb: 61, 194, 255; 17 | --ion-color-secondary-contrast: #ffffff; 18 | --ion-color-secondary-contrast-rgb: 255, 255, 255; 19 | --ion-color-secondary-shade: #36abe0; 20 | --ion-color-secondary-tint: #50c8ff; 21 | 22 | /** tertiary **/ 23 | --ion-color-tertiary: #5260ff; 24 | --ion-color-tertiary-rgb: 82, 96, 255; 25 | --ion-color-tertiary-contrast: #ffffff; 26 | --ion-color-tertiary-contrast-rgb: 255, 255, 255; 27 | --ion-color-tertiary-shade: #4854e0; 28 | --ion-color-tertiary-tint: #6370ff; 29 | 30 | /** success **/ 31 | --ion-color-success: #2dd36f; 32 | --ion-color-success-rgb: 45, 211, 111; 33 | --ion-color-success-contrast: #ffffff; 34 | --ion-color-success-contrast-rgb: 255, 255, 255; 35 | --ion-color-success-shade: #28ba62; 36 | --ion-color-success-tint: #42d77d; 37 | 38 | /** warning **/ 39 | --ion-color-warning: #ffc409; 40 | --ion-color-warning-rgb: 255, 196, 9; 41 | --ion-color-warning-contrast: #000000; 42 | --ion-color-warning-contrast-rgb: 0, 0, 0; 43 | --ion-color-warning-shade: #e0ac08; 44 | --ion-color-warning-tint: #ffca22; 45 | 46 | /** danger **/ 47 | --ion-color-danger: #eb445a; 48 | --ion-color-danger-rgb: 235, 68, 90; 49 | --ion-color-danger-contrast: #ffffff; 50 | --ion-color-danger-contrast-rgb: 255, 255, 255; 51 | --ion-color-danger-shade: #cf3c4f; 52 | --ion-color-danger-tint: #ed576b; 53 | 54 | /** dark **/ 55 | --ion-color-dark: #222428; 56 | --ion-color-dark-rgb: 34, 36, 40; 57 | --ion-color-dark-contrast: #ffffff; 58 | --ion-color-dark-contrast-rgb: 255, 255, 255; 59 | --ion-color-dark-shade: #1e2023; 60 | --ion-color-dark-tint: #383a3e; 61 | 62 | /** medium **/ 63 | --ion-color-medium: #92949c; 64 | --ion-color-medium-rgb: 146, 148, 156; 65 | --ion-color-medium-contrast: #ffffff; 66 | --ion-color-medium-contrast-rgb: 255, 255, 255; 67 | --ion-color-medium-shade: #808289; 68 | --ion-color-medium-tint: #9d9fa6; 69 | 70 | /** light **/ 71 | --ion-color-light: #f4f5f8; 72 | --ion-color-light-rgb: 244, 245, 248; 73 | --ion-color-light-contrast: #000000; 74 | --ion-color-light-contrast-rgb: 0, 0, 0; 75 | --ion-color-light-shade: #d7d8da; 76 | --ion-color-light-tint: #f5f6f9; 77 | 78 | /** custom **/ 79 | --ion-color-main: rgb(221, 174, 21); 80 | --ion-color-main-rgb: 221, 174, 21; 81 | --ion-color-main-contrast: rgb(0, 0, 0); 82 | --ion-color-main-contrast-rgb: 0, 0, 0; 83 | --ion-color-main-shade: rgb(179, 142, 22); 84 | --ion-color-main-tint: rgb(233, 195, 71); 85 | 86 | /** custom light **/ 87 | --ion-color-custom-light: #141a22; 88 | --ion-color-custom-light-contrast: #ffffff; 89 | --ion-color-custom-light-shade: #12171d; 90 | --ion-color-custom-light-tint: #232c38; 91 | } 92 | 93 | .ion-color-main { 94 | --ion-color-base: var(--ion-color-main); 95 | --ion-color-base-rgb: var(--ion-color-main-rgb); 96 | --ion-color-contrast: var(--ion-color-main-contrast); 97 | --ion-color-contrast-rgb: var(--ion-color-main-contrast-rgb); 98 | --ion-color-shade: var(--ion-color-main-shade); 99 | --ion-color-tint: var(--ion-color-main-tint); 100 | } 101 | 102 | .ion-color-custom-light { 103 | --ion-color-base: var(--ion-color-custom-light); 104 | --ion-color-contrast: var(--ion-color-custom-light-contrast); 105 | --ion-color-shade: var(--ion-color-custom-light-shade); 106 | --ion-color-tint: var(--ion-color-custom-light-tint); 107 | } 108 | 109 | :root { 110 | 111 | --main-orange-color: #d17842; 112 | 113 | --ion-background-color: #0e1016; 114 | --ion-background-color-rgb: 0,0,0; 115 | 116 | --ion-text-color: #ffffff; 117 | --ion-text-color-rgb: 255,255,255; 118 | --ion-item-background: #141a22; 119 | 120 | --ion-card-background: #141a22; 121 | --ion-tab-bar-color: #4d5053; 122 | --ion-tab-bar-background: #0e1016; 123 | --ion-tab-bar-color-selected: rgb(221, 174, 21); 124 | 125 | /* --ion-toolbar-color: white; */ 126 | --ion-toolbar-background: #0e1016; 127 | --ion-toolbar-border-color: #0e1016; 128 | --ion-tab-bar-border-color: #0e1016; 129 | --ion-grid-column-padding: 0; 130 | } 131 | 132 | .app-icon { 133 | 134 | color: rgb(221, 174, 21); 135 | } 136 | 137 | ion-toolbar { 138 | 139 | --padding-start: 1rem; 140 | --padding-end: 1rem; 141 | --padding-top: 1rem; 142 | --padding-bottom: 1rem; 143 | } 144 | 145 | .inner-toolbar { 146 | 147 | --padding-top: 0rem !important; 148 | --padding-bottom: 0rem !important; 149 | } 150 | 151 | .button-container-img img { 152 | 153 | height: 2.3rem; 154 | border-radius: 10px; 155 | } 156 | 157 | .gray-icon { 158 | 159 | color: var(--ion-tab-bar-color); 160 | background-color: #1b2025; 161 | } 162 | 163 | .yellow-icon { 164 | 165 | color: var(--ion-color-main); 166 | background-color: #1b2025; 167 | } 168 | 169 | .button-container { 170 | 171 | background-color: #1b2025; 172 | border: 2px solid #1d232a; 173 | padding: 0.5rem; 174 | border-radius: 13px; 175 | 176 | display: flex; 177 | flex-direction: row; 178 | align-content: center; 179 | align-items: center; 180 | justify-content: center; 181 | } 182 | 183 | .button-container-img { 184 | 185 | background-color: #1b2025; 186 | border: 2px solid #1d232a; 187 | padding: 0.2rem; 188 | border-radius: 13px; 189 | 190 | display: flex; 191 | flex-direction: row; 192 | align-content: center; 193 | align-items: center; 194 | justify-content: center; 195 | } 196 | 197 | ion-card { 198 | 199 | padding: 0.8rem; 200 | border-radius: 20px; 201 | } 202 | 203 | .coffee-card img { 204 | 205 | border-radius: 20px; 206 | height: 10rem; 207 | width: 100%; 208 | } 209 | 210 | .coffee-card-long img { 211 | 212 | border-radius: 20px; 213 | height: 5rem !important; 214 | width: 100%; 215 | } 216 | 217 | .coffee-card-long-details { 218 | 219 | margin-left: 1rem; 220 | margin-top: -0.7rem; 221 | } 222 | 223 | .coffee-card-long-details p { 224 | 225 | font-size: 0.8rem; 226 | margin: 0; 227 | margin-top: 0.2rem; 228 | } 229 | 230 | .coffee-card ion-card-title { 231 | 232 | margin-top: 1rem; 233 | font-size: 1rem; 234 | } 235 | 236 | .coffee-card .coffee-price { 237 | 238 | display: flex; 239 | flex-direction: row; 240 | justify-content: space-between; 241 | align-items: center; 242 | align-content: center; 243 | margin-top: -0.2rem; 244 | } 245 | 246 | .coffee-card .coffee-price .add-button { 247 | 248 | color: var(--main-orange-color) !important; 249 | margin-top: 0.5rem; 250 | } 251 | 252 | .coffee-card .coffee-price .add-button svg { 253 | 254 | color: white !important; 255 | } 256 | 257 | .outer-heading { 258 | 259 | margin-bottom: -1.3rem; 260 | margin-left: 0.5rem; 261 | margin-right: 1.3rem; 262 | } 263 | /* 264 | .searchbar-input { 265 | 266 | padding: 1.5rem !important; 267 | } 268 | 269 | .searchbar-search-icon { 270 | 271 | margin-top: 0.3rem; 272 | margin-right: 3rem; 273 | padding-right: 3rem; 274 | } */ 275 | /* 276 | ion-tab-bar { 277 | 278 | bottom: 20px; 279 | position: relative; 280 | box-shadow: 0px 0px 1.5px rgba(255, 255, 255, 0.2); 281 | border-radius: 16px; 282 | width: 92%; 283 | border-top: none; 284 | margin: 0 auto; 285 | height: 55px; 286 | } 287 | 288 | ion-tab-button { 289 | --padding-bottom: 8px; 290 | --padding-top: 8px; 291 | } */ 292 | 293 | .custom-margin-left { 294 | 295 | margin-left: 0.2rem; 296 | } -------------------------------------------------------------------------------- /typings/cordova-typings.d.ts: -------------------------------------------------------------------------------- 1 | 2 | /// --------------------------------------------------------------------------------