├── jsconfig.json
├── src
    ├── react-app-env.d.ts
    ├── index.js
    ├── components
    │   ├── ExploreContainer.js
    │   └── ExploreContainer.css
    ├── App.js
    ├── theme
    │   └── variables.css
    └── pages
    │   ├── Home.module.scss
    │   ├── Home.js
    │   └── Movies.js
├── typings
    └── cordova-typings.d.ts
├── ios
    ├── App
    │   ├── App
    │   │   ├── Assets.xcassets
    │   │   │   ├── Contents.json
    │   │   │   ├── AppIcon.appiconset
    │   │   │   │   ├── AppIcon-512@2x.png
    │   │   │   │   ├── AppIcon-20x20@1x.png
    │   │   │   │   ├── AppIcon-20x20@2x.png
    │   │   │   │   ├── AppIcon-20x20@3x.png
    │   │   │   │   ├── AppIcon-29x29@1x.png
    │   │   │   │   ├── AppIcon-29x29@2x.png
    │   │   │   │   ├── AppIcon-29x29@3x.png
    │   │   │   │   ├── AppIcon-40x40@1x.png
    │   │   │   │   ├── AppIcon-40x40@2x.png
    │   │   │   │   ├── AppIcon-40x40@3x.png
    │   │   │   │   ├── AppIcon-60x60@2x.png
    │   │   │   │   ├── AppIcon-60x60@3x.png
    │   │   │   │   ├── AppIcon-76x76@1x.png
    │   │   │   │   ├── AppIcon-76x76@2x.png
    │   │   │   │   ├── AppIcon-20x20@2x-1.png
    │   │   │   │   ├── AppIcon-29x29@2x-1.png
    │   │   │   │   ├── AppIcon-40x40@2x-1.png
    │   │   │   │   ├── AppIcon-83.5x83.5@2x.png
    │   │   │   │   └── Contents.json
    │   │   │   └── Splash.imageset
    │   │   │   │   ├── splash-2732x2732.png
    │   │   │   │   ├── splash-2732x2732-1.png
    │   │   │   │   ├── splash-2732x2732-2.png
    │   │   │   │   └── Contents.json
    │   │   ├── config.xml
    │   │   ├── capacitor.config.json
    │   │   ├── Base.lproj
    │   │   │   ├── Main.storyboard
    │   │   │   └── LaunchScreen.storyboard
    │   │   ├── Info.plist
    │   │   └── AppDelegate.swift
    │   ├── App.xcodeproj
    │   │   ├── project.xcworkspace
    │   │   │   └── contents.xcworkspacedata
    │   │   └── project.pbxproj
    │   ├── App.xcworkspace
    │   │   ├── contents.xcworkspacedata
    │   │   └── xcshareddata
    │   │   │   └── IDEWorkspaceChecks.plist
    │   └── Podfile
    └── .gitignore
├── public
    ├── assets
    │   ├── icon
    │   │   ├── icon.png
    │   │   └── favicon.png
    │   └── shapes.svg
    ├── manifest.json
    └── index.html
├── ionic.config.json
├── capacitor.config.json
├── .gitignore
├── README.md
└── package.json


/jsconfig.json:
--------------------------------------------------------------------------------
1 | {}


--------------------------------------------------------------------------------
/src/react-app-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="react-scripts" />
2 | 


--------------------------------------------------------------------------------
/typings/cordova-typings.d.ts:
--------------------------------------------------------------------------------
1 | 
2 | /// <reference path="../.vscode/typings/cordova/cordova.d.ts"/>


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 |   "info" : {
3 |     "version" : 1,
4 |     "author" : "xcode"
5 |   }
6 | }


--------------------------------------------------------------------------------
/public/assets/icon/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/public/assets/icon/icon.png


--------------------------------------------------------------------------------
/public/assets/icon/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/public/assets/icon/favicon.png


--------------------------------------------------------------------------------
/ionic.config.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "ionic-react-item-list",
3 |   "integrations": {
4 |     "capacitor": {}
5 |   },
6 |   "type": "react"
7 | }
8 | 


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@1x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@1x.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/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-react-item-list/HEAD/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-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@1x.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/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-react-item-list/HEAD/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-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@1x.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/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-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@3x.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-60x60@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/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-react-item-list/HEAD/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-react-item-list/HEAD/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-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-76x76@2x.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/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-react-item-list/HEAD/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@2x-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@2x-1.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@2x-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@2x-1.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@2x-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@2x-1.png


--------------------------------------------------------------------------------
/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-83.5x83.5@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alanmontgomery/ionic-react-item-list/HEAD/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-83.5x83.5@2x.png


--------------------------------------------------------------------------------
/ios/App/App/config.xml:
--------------------------------------------------------------------------------
1 | <?xml version='1.0' encoding='utf-8'?>
2 | <widget version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
3 |   <access origin="*" />
4 |   
5 |   
6 | </widget>


--------------------------------------------------------------------------------
/ios/App/App.xcodeproj/project.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <Workspace
3 |    version = "1.0">
4 |    <FileRef
5 |       location = "self:App.xcodeproj">
6 |    </FileRef>
7 | </Workspace>
8 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import App from './App';
 4 | 
 5 | ReactDOM.render(
 6 |   <React.StrictMode>
 7 |     <App />
 8 |   </React.StrictMode>,
 9 |   document.getElementById('root')
10 | );


--------------------------------------------------------------------------------
/ios/App/App.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <Workspace
 3 |    version = "1.0">
 4 |    <FileRef
 5 |       location = "group:App.xcodeproj">
 6 |    </FileRef>
 7 |    <FileRef
 8 |       location = "group:Pods/Pods.xcodeproj">
 9 |    </FileRef>
10 | </Workspace>
11 | 


--------------------------------------------------------------------------------
/capacitor.config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "appId": "io.ionic.starter",
 3 |   "appName": "ionic-react-item-list",
 4 |   "bundledWebRuntime": false,
 5 |   "npmClient": "npm",
 6 |   "webDir": "build",
 7 |   "plugins": {
 8 |     "SplashScreen": {
 9 |       "launchShowDuration": 0
10 |     }
11 |   },
12 |   "cordova": {}
13 | }
14 | 


--------------------------------------------------------------------------------
/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.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
3 | <plist version="1.0">
4 | <dict>
5 | 	<key>IDEDidComputeMac32BitWarning</key>
6 | 	<true/>
7 | </dict>
8 | </plist>
9 | 


--------------------------------------------------------------------------------
/ios/App/App/capacitor.config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "appId": "io.ionic.starter",
 3 |   "appName": "ionic-react-item-list",
 4 |   "bundledWebRuntime": false,
 5 |   "npmClient": "npm",
 6 |   "webDir": "build",
 7 |   "plugins": {
 8 |     "SplashScreen": {
 9 |       "launchShowDuration": 0
10 |     }
11 |   },
12 |   "cordova": {}
13 | }
14 | 


--------------------------------------------------------------------------------
/src/components/ExploreContainer.js:
--------------------------------------------------------------------------------
 1 | import './ExploreContainer.css';
 2 | 
 3 | const ExploreContainer = () => {
 4 |   return (
 5 |     <div className="container">
 6 |       <strong>Ready to create an app?</strong>
 7 |       <p>Start with Ionic <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p>
 8 |     </div>
 9 |   );
10 | };
11 | 
12 | export default ExploreContainer;
13 | 


--------------------------------------------------------------------------------
/src/components/ExploreContainer.css:
--------------------------------------------------------------------------------
 1 | .container {
 2 |   text-align: center;
 3 |   position: absolute;
 4 |   left: 0;
 5 |   right: 0;
 6 |   top: 50%;
 7 |   transform: translateY(-50%);
 8 | }
 9 | 
10 | .container strong {
11 |   font-size: 20px;
12 |   line-height: 26px;
13 | }
14 | 
15 | .container p {
16 |   font-size: 16px;
17 |   line-height: 22px;
18 |   color: #8c8c8c;
19 |   margin: 0;
20 | }
21 | 
22 | .container a {
23 |   text-decoration: none;
24 | }


--------------------------------------------------------------------------------
/.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 | 


--------------------------------------------------------------------------------
/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 | 


--------------------------------------------------------------------------------
/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/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 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # ionic-react-item-list
 2 | An example of a nicely styled item list in Ionic React
 3 | 
 4 | ![Ionic React Item List](https://repository-images.githubusercontent.com/358203630/3953e780-9ddf-11eb-9c0b-da2dde02dbfb)
 5 | 
 6 | ### Included in this Ionic React Template/UI
 7 | * Custom animations
 8 | * Custom Toolbar and Item
 9 | * Removing an Item
10 | * Dynamic search list
11 | * Use of stock Ionic components
12 | * SASS Modules
13 | * Ionic CSS utilities
14 | 
15 | ### To run
16 | 
17 | ```javascript
18 | npm install
19 | ionic serve
20 | ```
21 | 
22 | Alternatively, you can add the iOS, Android platform and run natively.
23 | 
24 | # Are you on Twitter? Lets connect [@93alan](https://twitter.com/93alan)
25 | # Have you checked out Ionic React Hub yet? [Ionic React Hub](https://ionicreacthub.com)
26 | If you'd like to support, you can <a className="link" href="https://www.buymeacoffee.com/ionicreacthub" target="_blank" rel="noopener">buy me a coffee</a> ☕️
27 | 


--------------------------------------------------------------------------------
/ios/App/App/Base.lproj/Main.storyboard:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14111" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
 3 |     <device id="retina4_7" orientation="portrait">
 4 |         <adaptation id="fullscreen"/>
 5 |     </device>
 6 |     <dependencies>
 7 |         <deployment identifier="iOS"/>
 8 |         <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14088"/>
 9 |     </dependencies>
10 |     <scenes>
11 |         <!--Bridge View Controller-->
12 |         <scene sceneID="tne-QT-ifu">
13 |             <objects>
14 |                 <viewController id="BYZ-38-t0r" customClass="CAPBridgeViewController" customModule="Capacitor" sceneMemberID="viewController"/>
15 |                 <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
16 |             </objects>
17 |         </scene>
18 |     </scenes>
19 | </document>
20 | 


--------------------------------------------------------------------------------
/public/assets/shapes.svg:
--------------------------------------------------------------------------------
1 | <svg width="350" height="140" xmlns="http://www.w3.org/2000/svg" style="background:#f6f7f9"><g fill="none" fill-rule="evenodd"><path fill="#F04141" style="mix-blend-mode:multiply" d="M61.905-34.23l96.194 54.51-66.982 54.512L22 34.887z"/><circle fill="#10DC60" style="mix-blend-mode:multiply" cx="155.5" cy="135.5" r="57.5"/><path fill="#3880FF" style="mix-blend-mode:multiply" d="M208.538 9.513l84.417 15.392L223.93 93.93z"/><path fill="#FFCE00" style="mix-blend-mode:multiply" d="M268.625 106.557l46.332-26.75 46.332 26.75v53.5l-46.332 26.75-46.332-26.75z"/><circle fill="#7044FF" style="mix-blend-mode:multiply" cx="299.5" cy="9.5" r="38.5"/><rect fill="#11D3EA" style="mix-blend-mode:multiply" transform="rotate(-60 148.47 37.886)" x="143.372" y="-7.056" width="10.196" height="89.884" rx="5.098"/><path d="M-25.389 74.253l84.86 8.107c5.498.525 9.53 5.407 9.004 10.905a10 10 0 0 1-.057.477l-12.36 85.671a10.002 10.002 0 0 1-11.634 8.42l-86.351-15.226c-5.44-.959-9.07-6.145-8.112-11.584l13.851-78.551a10 10 0 0 1 10.799-8.219z" fill="#7044FF" style="mix-blend-mode:multiply"/><circle fill="#0CD1E8" style="mix-blend-mode:multiply" cx="273.5" cy="106.5" r="20.5"/></g></svg>
2 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <title>Ionic Item List</title>
 6 | 
 7 |     <base href="/" />
 8 | 
 9 |     <meta name="color-scheme" content="light dark" />
10 |     <meta
11 |       name="viewport"
12 |       content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
13 |     />
14 |     <meta name="format-detection" content="telephone=no" />
15 |     <meta name="msapplication-tap-highlight" content="no" />
16 | 
17 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18 | 
19 |     <link rel="shortcut icon" type="image/png" href="%PUBLIC_URL%/assets/icon/favicon.png" />
20 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
21 |     <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet" />
22 | 
23 |     <!-- add to homescreen for ios -->
24 |     <meta name="apple-mobile-web-app-capable" content="yes" />
25 |     <meta name="apple-mobile-web-app-title" content="Ionic App" />
26 |     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
27 |   </head>
28 | 
29 |   <body>
30 |     <div id="root"></div>
31 |   </body>
32 | 
33 | </html>
34 | 


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
 1 | import { Redirect, Route } from 'react-router-dom';
 2 | import { IonApp, IonRouterOutlet } from '@ionic/react';
 3 | import { IonReactRouter } from '@ionic/react-router';
 4 | import Home from './pages/Home';
 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 Movies from './pages/Movies';
25 | 
26 | const App = () => (
27 |   <IonApp>
28 |     <IonReactRouter>
29 |       <IonRouterOutlet>
30 |         <Route exact path="/home">
31 |           <Home />
32 |         </Route>
33 | 
34 |         <Route exact path="/movies">
35 |           <Movies />
36 |         </Route>
37 |         <Route exact path="/">
38 |           <Redirect to="/home" />
39 |         </Route>
40 |       </IonRouterOutlet>
41 |     </IonReactRouter>
42 |   </IonApp>
43 | );
44 | 
45 | export default App;
46 | 


--------------------------------------------------------------------------------
/ios/App/App/Base.lproj/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17132" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
 3 |     <device id="retina4_7" orientation="portrait" appearance="light"/>
 4 |     <dependencies>
 5 |         <deployment identifier="iOS"/>
 6 |         <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17105"/>
 7 |         <capability name="System colors in document resources" minToolsVersion="11.0"/>
 8 |         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
 9 |     </dependencies>
10 |     <scenes>
11 |         <!--View Controller-->
12 |         <scene sceneID="EHf-IW-A2E">
13 |             <objects>
14 |                 <viewController id="01J-lp-oVM" sceneMemberID="viewController">
15 |                     <imageView key="view" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Splash" id="snD-IY-ifK">
16 |                         <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
17 |                         <autoresizingMask key="autoresizingMask"/>
18 |                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
19 |                     </imageView>
20 |                 </viewController>
21 |                 <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
22 |             </objects>
23 |             <point key="canvasLocation" x="53" y="375"/>
24 |         </scene>
25 |     </scenes>
26 |     <resources>
27 |         <image name="Splash" width="1366" height="1366"/>
28 |         <systemColor name="systemBackgroundColor">
29 |             <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
30 |         </systemColor>
31 |     </resources>
32 | </document>
33 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ionic-react-item-list",
 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 |     "node-sass": "^5.0.0",
21 |     "react": "^17.0.1",
22 |     "react-dom": "^17.0.1",
23 |     "react-router": "^5.2.0",
24 |     "react-router-dom": "^5.2.0",
25 |     "react-scripts": "4.0.2",
26 |     "typescript": "^4.1.3",
27 |     "web-vitals": "^0.2.4",
28 |     "workbox-background-sync": "^5.1.4",
29 |     "workbox-broadcast-update": "^5.1.4",
30 |     "workbox-cacheable-response": "^5.1.4",
31 |     "workbox-core": "^5.1.4",
32 |     "workbox-expiration": "^5.1.4",
33 |     "workbox-google-analytics": "^5.1.4",
34 |     "workbox-navigation-preload": "^5.1.4",
35 |     "workbox-precaching": "^5.1.4",
36 |     "workbox-range-requests": "^5.1.4",
37 |     "workbox-routing": "^5.1.4",
38 |     "workbox-strategies": "^5.1.4",
39 |     "workbox-streams": "^5.1.4"
40 |   },
41 |   "scripts": {
42 |     "start": "react-scripts start",
43 |     "build": "react-scripts build",
44 |     "test": "react-scripts test",
45 |     "eject": "react-scripts eject"
46 |   },
47 |   "eslintConfig": {
48 |     "extends": [
49 |       "react-app",
50 |       "react-app/jest"
51 |     ]
52 |   },
53 |   "browserslist": {
54 |     "production": [
55 |       ">0.2%",
56 |       "not dead",
57 |       "not op_mini all"
58 |     ],
59 |     "development": [
60 |       "last 1 chrome version",
61 |       "last 1 firefox version",
62 |       "last 1 safari version"
63 |     ]
64 |   },
65 |   "devDependencies": {
66 |     "@capacitor/cli": "2.4.7"
67 |   },
68 |   "description": "An Ionic project"
69 | }
70 | 


--------------------------------------------------------------------------------
/ios/App/App/Info.plist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 3 | <plist version="1.0">
 4 | <dict>
 5 | 	<key>CFBundleDevelopmentRegion</key>
 6 | 	<string>en</string>
 7 | 	<key>CFBundleDisplayName</key>
 8 |         <string>ionic-react-item-list</string>
 9 | 	<key>CFBundleExecutable</key>
10 | 	<string>$(EXECUTABLE_NAME)</string>
11 | 	<key>CFBundleIdentifier</key>
12 | 	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
13 | 	<key>CFBundleInfoDictionaryVersion</key>
14 | 	<string>6.0</string>
15 | 	<key>CFBundleName</key>
16 | 	<string>$(PRODUCT_NAME)</string>
17 | 	<key>CFBundlePackageType</key>
18 | 	<string>APPL</string>
19 | 	<key>CFBundleShortVersionString</key>
20 | 	<string>1.0</string>
21 | 	<key>CFBundleURLTypes</key>
22 | 	<array>
23 | 		<dict>
24 | 			<key>CFBundleURLName</key>
25 | 			<string>com.getcapacitor.capacitor</string>
26 | 			<key>CFBundleURLSchemes</key>
27 | 			<array>
28 | 				<string>capacitor</string>
29 | 			</array>
30 | 		</dict>
31 | 	</array>
32 | 	<key>CFBundleVersion</key>
33 | 	<string>1</string>
34 | 	<key>LSRequiresIPhoneOS</key>
35 | 	<true/>
36 | 	<key>NSAppTransportSecurity</key>
37 | 	<dict>
38 | 		<key>NSAllowsArbitraryLoads</key>
39 | 		<true/>
40 | 	</dict>
41 | 	<key>NSCameraUsageDescription</key>
42 | 	<string>To Take Photos and Video</string>
43 | 	<key>NSLocationAlwaysUsageDescription</key>
44 | 	<string>Always allow Geolocation?</string>
45 | 	<key>NSLocationWhenInUseUsageDescription</key>
46 | 	<string>Allow Geolocation?</string>
47 | 	<key>NSMicrophoneUsageDescription</key>
48 | 	<string>To Record Audio With Video</string>
49 | 	<key>NSPhotoLibraryAddUsageDescription</key>
50 | 	<string>Store camera photos to camera</string>
51 | 	<key>NSPhotoLibraryUsageDescription</key>
52 | 	<string>To Pick Photos from Library</string>
53 | 	<key>UILaunchStoryboardName</key>
54 | 	<string>LaunchScreen</string>
55 | 	<key>UIMainStoryboardFile</key>
56 | 	<string>Main</string>
57 | 	<key>UIRequiredDeviceCapabilities</key>
58 | 	<array>
59 | 		<string>armv7</string>
60 | 	</array>
61 | 	<key>UISupportedInterfaceOrientations</key>
62 | 	<array>
63 | 		<string>UIInterfaceOrientationPortrait</string>
64 | 		<string>UIInterfaceOrientationLandscapeLeft</string>
65 | 		<string>UIInterfaceOrientationLandscapeRight</string>
66 | 	</array>
67 | 	<key>UISupportedInterfaceOrientations~ipad</key>
68 | 	<array>
69 | 		<string>UIInterfaceOrientationPortrait</string>
70 | 		<string>UIInterfaceOrientationPortraitUpsideDown</string>
71 | 		<string>UIInterfaceOrientationLandscapeLeft</string>
72 | 		<string>UIInterfaceOrientationLandscapeRight</string>
73 | 	</array>
74 | 	<key>UIViewControllerBasedStatusBarAppearance</key>
75 | 	<true/>
76 | </dict>
77 | </plist>
78 | 


--------------------------------------------------------------------------------
/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 | }


--------------------------------------------------------------------------------
/src/theme/variables.css:
--------------------------------------------------------------------------------
 1 | /* Ionic Variables and Theming. For more info, please see:
 2 | http://ionicframework.com/docs/theming/ */
 3 | 
 4 | * {
 5 |     font-family: 'Poppins', sans-serif;
 6 |     -webkit-font-smoothing: antialiased;
 7 |     text-rendering: optimizeLegibility;
 8 |     -webkit-font-feature-settings: 'calt'on;
 9 |     font-feature-settings: 'calt'on;
10 |     -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
11 |     -webkit-text-size-adjust: 100%;
12 | }
13 | 
14 | /** Ionic CSS Variables **/
15 | :root {
16 |   /** primary **/
17 |   --ion-color-primary: #3880ff;
18 |   --ion-color-primary-rgb: 56, 128, 255;
19 |   --ion-color-primary-contrast: #ffffff;
20 |   --ion-color-primary-contrast-rgb: 255, 255, 255;
21 |   --ion-color-primary-shade: #3171e0;
22 |   --ion-color-primary-tint: #4c8dff;
23 | 
24 |   /** secondary **/
25 |   --ion-color-secondary: #3dc2ff;
26 |   --ion-color-secondary-rgb: 61, 194, 255;
27 |   --ion-color-secondary-contrast: #ffffff;
28 |   --ion-color-secondary-contrast-rgb: 255, 255, 255;
29 |   --ion-color-secondary-shade: #36abe0;
30 |   --ion-color-secondary-tint: #50c8ff;
31 | 
32 |   /** tertiary **/
33 |   --ion-color-tertiary: #5260ff;
34 |   --ion-color-tertiary-rgb: 82, 96, 255;
35 |   --ion-color-tertiary-contrast: #ffffff;
36 |   --ion-color-tertiary-contrast-rgb: 255, 255, 255;
37 |   --ion-color-tertiary-shade: #4854e0;
38 |   --ion-color-tertiary-tint: #6370ff;
39 | 
40 |   /** success **/
41 |   --ion-color-success: #2dd36f;
42 |   --ion-color-success-rgb: 45, 211, 111;
43 |   --ion-color-success-contrast: #ffffff;
44 |   --ion-color-success-contrast-rgb: 255, 255, 255;
45 |   --ion-color-success-shade: #28ba62;
46 |   --ion-color-success-tint: #42d77d;
47 | 
48 |   /** warning **/
49 |   --ion-color-warning: #ffc409;
50 |   --ion-color-warning-rgb: 255, 196, 9;
51 |   --ion-color-warning-contrast: #000000;
52 |   --ion-color-warning-contrast-rgb: 0, 0, 0;
53 |   --ion-color-warning-shade: #e0ac08;
54 |   --ion-color-warning-tint: #ffca22;
55 | 
56 |   /** danger **/
57 |   --ion-color-danger: #eb445a;
58 |   --ion-color-danger-rgb: 235, 68, 90;
59 |   --ion-color-danger-contrast: #ffffff;
60 |   --ion-color-danger-contrast-rgb: 255, 255, 255;
61 |   --ion-color-danger-shade: #cf3c4f;
62 |   --ion-color-danger-tint: #ed576b;
63 | 
64 |   /** dark **/
65 |   --ion-color-dark: #222428;
66 |   --ion-color-dark-rgb: 34, 36, 40;
67 |   --ion-color-dark-contrast: #ffffff;
68 |   --ion-color-dark-contrast-rgb: 255, 255, 255;
69 |   --ion-color-dark-shade: #1e2023;
70 |   --ion-color-dark-tint: #383a3e;
71 | 
72 |   /** medium **/
73 |   --ion-color-medium: #92949c;
74 |   --ion-color-medium-rgb: 146, 148, 156;
75 |   --ion-color-medium-contrast: #ffffff;
76 |   --ion-color-medium-contrast-rgb: 255, 255, 255;
77 |   --ion-color-medium-shade: #808289;
78 |   --ion-color-medium-tint: #9d9fa6;
79 | 
80 |   /** light **/
81 |   --ion-color-light: #f4f5f8;
82 |   --ion-color-light-rgb: 244, 245, 248;
83 |   --ion-color-light-contrast: #000000;
84 |   --ion-color-light-contrast-rgb: 0, 0, 0;
85 |   --ion-color-light-shade: #d7d8da;
86 |   --ion-color-light-tint: #f5f6f9;
87 | }
88 | 
89 | input.searchbar-input {
90 | 
91 |   padding-top: 1.5rem !important;
92 |   padding-bottom: 1.5rem !important;
93 | }
94 | 
95 | ion-searchbar ion-icon {
96 | 
97 |   margin-top: 0.4rem;
98 | }


--------------------------------------------------------------------------------
/src/pages/Home.module.scss:
--------------------------------------------------------------------------------
  1 | .page {
  2 | 
  3 |     ion-header {
  4 | 
  5 |         background-color: #5a55ca;
  6 |     }
  7 | 
  8 |     ion-toolbar {
  9 | 
 10 |         --border-style: none;
 11 |         --background: #5a55ca;
 12 |         --color: white;
 13 |         --min-height: 8rem;
 14 | 
 15 |         // --stripe: #645fd1;
 16 |         --stripe: #5a55ca;
 17 |         --bg: #645fd1;
 18 |         --background: transparent;
 19 |         background: linear-gradient(135deg, var(--bg) 25%, transparent 25%) -50px 0,
 20 |         linear-gradient(225deg, var(--bg) 25%, transparent 25%) -50px 0,
 21 |         linear-gradient(315deg, var(--bg) 25%, transparent 25%),
 22 |         linear-gradient(45deg, var(--bg) 25%, transparent 25%);
 23 |         background-size: 100px 100px;
 24 |         background-color: var(--stripe);
 25 | 
 26 |         ion-button {
 27 | 
 28 |             font-size: 1.2rem;
 29 |             font-weight: 800;
 30 |         }
 31 |     }
 32 | 
 33 |     ion-content {
 34 | 
 35 |         --background: #5a55ca;
 36 |         overflow: hidden;
 37 |     }
 38 | 
 39 |     ion-card-subtitle {
 40 | 
 41 |         padding-left: 1.2rem;
 42 |         margin-top: 1.9rem;
 43 |         padding-bottom: 0.3rem;
 44 |         --color: white;
 45 |     }
 46 | 
 47 |     .results {
 48 | 
 49 |         --color: #5a55ca;
 50 |     }
 51 | 
 52 |     ion-searchbar {
 53 | 
 54 |         --border-radius: 10px;
 55 |         --background: white;
 56 |         --color: black;
 57 |         min-height: 5rem;
 58 |         padding: 1rem;
 59 |         padding-top: 0;
 60 |         margin-top: -1rem;
 61 |     }
 62 | 
 63 |     ion-list {
 64 | 
 65 |         background-color: #e7edfb;
 66 |     }
 67 | 
 68 |     ion-footer {
 69 | 
 70 |         background-color: #e7edfb;
 71 |         padding: 1rem;
 72 | 
 73 |         ion-button {
 74 | 
 75 |             --background: #5a55ca;
 76 |             --background-focused: #6f6bbb;
 77 |             --background-activated: #6f6bbb;
 78 |             --padding-top: 1rem;
 79 |             --padding-bottom: 1rem;
 80 |             --padding-start: 0.75rem;
 81 |             --padding-end: 0.75rem;
 82 |             height: 3.5rem;
 83 |             font-weight: 700;
 84 |         }
 85 |     }
 86 | }
 87 | 
 88 | .mainContent {
 89 | 
 90 | 
 91 |     background-color: #e7edfb;
 92 |     height: 100%;
 93 |     width: 100%;
 94 |     overflow: scroll !important;
 95 |     border-top-left-radius: 30px;
 96 |     border-top-right-radius: 30px;
 97 | }
 98 | 
 99 | .employeeItem {
100 | 
101 |     --border-radius: 10px;
102 |     --padding-start: 1rem;
103 |     --padding-end: 1rem;
104 |     --padding-top: 1rem;
105 |     --padding-bottom: 1rem;
106 |     padding: 1rem;
107 |     padding-top: 0.5rem;
108 |     padding-bottom: 0.5rem;
109 |     min-height: 5rem;
110 | 
111 |     img {
112 | 
113 |         width: 3rem;
114 |         border-radius: 10px;
115 |         border: 2px solid #e7edfb;
116 |     }
117 | 
118 |     ion-label {
119 | 
120 |         padding-left: 1.2rem;
121 | 
122 |         h2 {
123 | 
124 |             font-weight: 600;
125 |             letter-spacing: -0.02rem;
126 |         }
127 | 
128 |         p {
129 | 
130 |             letter-spacing: -0.03rem;
131 |         }
132 |     }
133 | 
134 |     ion-button {
135 | 
136 |         --background: #5a55ca;
137 |         --background-focused: #6f6bbb;
138 |         --background-activated: #6f6bbb;
139 |         --padding-top: 1rem;
140 |         --padding-bottom: 1rem;
141 |         --padding-start: 0.75rem;
142 |         --padding-end: 0.75rem;
143 |         margin-top: -0.2rem;
144 |     }
145 | }


--------------------------------------------------------------------------------
/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<UITouch>, 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 | 


--------------------------------------------------------------------------------
/src/pages/Home.js:
--------------------------------------------------------------------------------
  1 | import { IonButton, IonButtons, IonCardSubtitle, IonContent, IonFooter, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonPage, IonSearchbar, IonToolbar } from '@ionic/react';
  2 | import { chevronBack, chevronForward, trashOutline } from 'ionicons/icons';
  3 | import { useEffect, useState } from 'react';
  4 | import styles from './Home.module.scss';
  5 | 
  6 | const Home = () => {
  7 | 
  8 | 	const [ employees, setEmployees ] = useState([
  9 | 		{
 10 | 			id: 1,
 11 | 			name: "Alan Montgomery",
 12 | 			title: "Mobile Team Lead",
 13 | 			avatar: "https://pbs.twimg.com/profile_images/1383061489469292548/5dhsPd4j_400x400.jpg"
 14 | 		},
 15 | 		{
 16 | 			id: 2,
 17 | 			name: "Max Lynch",
 18 | 			title: "CEO | Co Founder",
 19 | 			avatar: "https://pbs.twimg.com/profile_images/1318970727173885953/bln98FNj_400x400.jpg"
 20 | 		},
 21 | 		{
 22 | 			id: 3,
 23 | 			name: "Mike Hartington",
 24 | 			title: "Senior Dev Rel",
 25 | 			avatar: "https://pbs.twimg.com/profile_images/1084993841898446849/DJ8XtR6L_400x400.jpg"
 26 | 		},
 27 | 		{
 28 | 			id: 4,
 29 | 			name: "Matt Netkow",
 30 | 			title: "Head of Product Marketing",
 31 | 			avatar: "https://pbs.twimg.com/profile_images/1323383930150621187/GKc0nVzi_400x400.jpg"
 32 | 		},
 33 | 		{
 34 | 			id: 5,
 35 | 			name: "Ben Sperry",
 36 | 			title: "CDO | Co Founder",
 37 | 			avatar: "https://pbs.twimg.com/profile_images/1328390491126308864/jHHgl5Dm_400x400.jpg"
 38 | 		},
 39 | 		{
 40 | 			id: 6,
 41 | 			name: "Liam DeBeasi",
 42 | 			title: "Software Engineer",
 43 | 			avatar: "https://pbs.twimg.com/profile_images/1105953692669366273/ZNK4lRAJ_400x400.jpg"
 44 | 		}
 45 | 	]);
 46 | 
 47 | 	const [ results, setResults ] = useState(employees);
 48 | 
 49 | 	const remove = (id) => {
 50 | 
 51 | 		document.getElementById(`employeeItem_${ id }`).classList.add("animate__slideOutRight");
 52 | 
 53 | 		setTimeout(() => {
 54 | 
 55 | 			const tempEmployees = [ ...employees ];
 56 | 			const newEmployees = tempEmployees.filter(e => parseInt(e.id) !== parseInt(id));
 57 | 			setResults(newEmployees);
 58 | 			setEmployees(newEmployees);
 59 | 		}, 700);
 60 | 	}
 61 | 
 62 | 	const search = (e) => {
 63 | 
 64 | 		const searchTerm = e.currentTarget.value;
 65 | 
 66 | 		if (searchTerm !== "") {
 67 | 
 68 | 			const searchTermLower = searchTerm.toLowerCase();
 69 | 
 70 | 			const newResults = employees.filter(e => e.name.toLowerCase().includes(searchTermLower));
 71 | 			setResults(newResults);
 72 | 		} else {
 73 | 
 74 | 			setResults(employees);
 75 | 		}
 76 | 	}
 77 | 
 78 | 	return (
 79 | 		<IonPage className={ styles.page }>
 80 | 
 81 | 			<IonHeader>
 82 | 				<IonToolbar>
 83 | 					<IonButtons slot="start">
 84 | 						<IonButton color="light">
 85 | 							<IonIcon icon={ chevronBack } />
 86 | 							&nbsp;Employee List
 87 | 						</IonButton>
 88 | 					</IonButtons>
 89 | 
 90 | 					<IonButtons slot="end">
 91 | 						<IonButton routerLink="/movies" color="light">
 92 | 							Movies&nbsp;
 93 | 							<IonIcon icon={ chevronForward } />
 94 | 						</IonButton>
 95 | 					</IonButtons>
 96 | 				</IonToolbar>
 97 | 			</IonHeader>
 98 | 
 99 | 			<IonContent fullscreen>
100 | 				<div className={ styles.mainContent }>
101 | 
102 | 					<IonCardSubtitle className={ styles.results }>{ results.length } { (results.legnth === 1) ? "employee" : "employees" } found</IonCardSubtitle>
103 | 					<IonSearchbar onKeyUp={ e => search(e) } onKeyPress={ e => search(e) } placeholder="Search..." icon={ search } slot="end" />
104 | 
105 | 					<IonList>
106 | 						{ results.map((employee, index) => {
107 | 
108 | 							return (
109 | 
110 | 								<IonItem id={ `employeeItem_${ employee.id }` } className={ ` ${ styles.employeeItem } animate__animated animate__fadeIn` } key={ employee.id } lines="none">
111 | 									<img src={ employee.avatar } alt="employee avatar" />
112 | 
113 | 									<IonLabel>
114 | 										<h2>{ employee.name }</h2>
115 | 										<p>{ employee.title }</p>
116 | 									</IonLabel>
117 | 
118 | 									<IonButton onClick={ () => remove(employee.id) }>
119 | 										<IonIcon icon={ trashOutline } />
120 | 									</IonButton>
121 | 								</IonItem>
122 | 							);
123 | 						})}
124 | 					</IonList>
125 | 				</div>
126 | 			</IonContent>
127 | 
128 | 			<IonFooter>
129 | 				<IonButton expand="block">Add new employee</IonButton>
130 | 			</IonFooter>
131 | 		</IonPage>
132 | 	);
133 | };
134 | 
135 | export default Home;
136 | 


--------------------------------------------------------------------------------
/src/pages/Movies.js:
--------------------------------------------------------------------------------
  1 | import { IonButton, IonButtons, IonCardSubtitle, IonContent, IonFooter, IonHeader, IonIcon, IonInfiniteScroll, IonInfiniteScrollContent, IonItem, IonLabel, IonList, IonPage, IonRow, IonSearchbar, IonToolbar } from '@ionic/react';
  2 | import { chevronBack, trashOutline } from 'ionicons/icons';
  3 | import { useEffect, useState } from 'react';
  4 | import styles from './Home.module.scss';
  5 | 
  6 | const Movies = () => {
  7 | 
  8 | 	const [ movies, setMovies ] = useState([]);
  9 | 	const [ currentPage, setCurrentPage ] = useState(1);
 10 | 	const [ searchTerm, setSearchTerm ] = useState("");
 11 | 	const [ totalResults, setTotalResults ] = useState(0);
 12 | 
 13 | 	const search = (e) => {
 14 | 
 15 | 		const searchTermVal = e.currentTarget.value;
 16 | 
 17 | 		if (searchTermVal !== "") {
 18 | 
 19 | 			const searchTermLower = searchTermVal.toLowerCase();
 20 | 			searchData(searchTermLower);
 21 | 			setSearchTerm(searchTermLower);
 22 | 		} else {
 23 | 
 24 | 			getData(true, 1);
 25 | 			setSearchTerm("");
 26 | 			setCurrentPage(1);
 27 | 		}
 28 | 	}
 29 | 
 30 | 	const searchData = async (searchTermVal, page = 1) => {
 31 | 
 32 | 		const imageBaseURL = "https://image.tmdb.org/t/p/w200";
 33 | 		const response = await fetch(`https://api.themoviedb.org/3/search/movie?api_key=24600637ab41d89f6dd63b4c52e8b14e&query=${ searchTermVal }&page=${ page }`);
 34 | 		const data = await response.json();
 35 | 
 36 | 		data.results.forEach(movie => {
 37 | 
 38 | 			var imageURL = "";
 39 | 			
 40 | 			if (movie.poster_path !== null) {
 41 | 				
 42 | 				imageURL = `${ imageBaseURL }${ movie.poster_path }`;
 43 | 			} else {
 44 | 
 45 | 				imageURL = "https://critics.io/img/movies/poster-placeholder.png";
 46 | 			}
 47 | 
 48 | 			movie.image = imageURL;
 49 | 		});
 50 | 
 51 | 		console.log("in more");
 52 | 		console.log(data.results);
 53 | 
 54 | 		setTotalResults(data.total_results);
 55 | 		page === 1 ? setMovies(data.results) : setMovies([ ...movies, ...data.results ]);
 56 | 	}
 57 | 
 58 | 	const getData = async (initialFetch = true, page = 1) => {
 59 | 
 60 | 		if (initialFetch) {
 61 | 
 62 | 			console.log("initial fetch of movies");
 63 | 		}
 64 | 		const imageBaseURL = "https://image.tmdb.org/t/p/w200";
 65 | 		const response = await fetch(`https://api.themoviedb.org/3/movie/popular?api_key=24600637ab41d89f6dd63b4c52e8b14e&page=${ page }`);
 66 | 		const data = await response.json();
 67 | 
 68 | 		data.results.forEach(movie => {
 69 | 
 70 | 			var imageURL = "";
 71 | 			
 72 | 			if (movie.poster_path !== null) {
 73 | 				
 74 | 				imageURL = `${ imageBaseURL }${ movie.poster_path }`;
 75 | 			} else {
 76 | 
 77 | 				imageURL = "https://critics.io/img/movies/poster-placeholder.png";
 78 | 			}
 79 | 			
 80 | 			movie.image = imageURL;
 81 | 		});
 82 | 
 83 | 		console.log(data);
 84 | 
 85 | 		setTotalResults(data.total_results);
 86 | 		initialFetch ? setMovies(data.results) : setMovies([ ...movies, ...data.results ]);
 87 | 	}
 88 | 
 89 | 	useEffect(() => {
 90 | 		
 91 | 		getData();
 92 | 	}, []);
 93 | 
 94 | 	const fetchMore = async e => {
 95 | 
 96 | 		console.log("in more");
 97 | 		const newPage = currentPage + 1;
 98 | 		await setCurrentPage(newPage);
 99 | 
100 | 		searchTerm === "" ? getData(false, newPage) : searchData(searchTerm, newPage);
101 | 		e.target.complete();
102 | 	}
103 | 
104 | 	return (
105 | 		<IonPage className={ styles.page }>
106 | 
107 | 			<IonHeader>
108 | 				<IonToolbar>
109 | 					<IonButtons slot="start">
110 | 						<IonButton routerLink="/" routerDirection="back" color="light">
111 | 							<IonIcon icon={ chevronBack } />
112 | 							&nbsp;Movie List
113 | 						</IonButton>
114 | 					</IonButtons>
115 | 
116 | 					<div className={ styles.searchContainer }>
117 | 						<IonCardSubtitle>{ totalResults } { (totalResults === 1) ? "movie" : "movies" } found</IonCardSubtitle>
118 | 						<IonSearchbar onKeyUp={ e => search(e) } onKeyPress={ e => search(e) } placeholder="Search..." icon={ search } slot="end" />
119 | 					</div>
120 | 				</IonToolbar>
121 | 			</IonHeader>
122 | 
123 | 			<IonContent fullscreen className={ styles.content }>
124 | 				<IonList>
125 | 					{ movies.map((movie, index) => {
126 | 
127 | 						return (
128 | 
129 | 							<IonItem id={ `employeeItem_${ movie.id }` } className={ ` ${ styles.employeeItem } animate__animated animate__fadeIn` } key={ movie.id } lines="none">
130 | 								<img src={ movie.image } alt="employee avatar" />
131 | 
132 | 								<IonLabel>
133 | 									<h2>{ movie.title }</h2>
134 | 									<p>{ movie.overview }</p>
135 | 								</IonLabel>
136 | 							</IonItem>
137 | 						);
138 | 					})}
139 | 
140 | 					<IonInfiniteScroll threshold="200px" onIonInfinite={ fetchMore }>
141 | 						<IonInfiniteScrollContent loadingSpinner="bubbles" loadingText="Getting more movies...">
142 | 						</IonInfiniteScrollContent>
143 | 					</IonInfiniteScroll>
144 | 				</IonList>
145 | 			</IonContent>
146 | 
147 | 			<IonFooter>
148 | 				<IonButton expand="block">Add a Movie</IonButton>
149 | 			</IonFooter>
150 | 		</IonPage>
151 | 	);
152 | };
153 | 
154 | export default Movies;


--------------------------------------------------------------------------------
/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 = "<group>"; };
 22 | 		50379B222058CBB4000EE86E /* capacitor.config.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = capacitor.config.json; sourceTree = "<group>"; };
 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 = "<group>"; };
 25 | 		504EC30C1FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
 26 | 		504EC30E1FED79650016851F /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 27 | 		504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 28 | 		504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 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 = "<group>"; };
 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 = "<group>"; };
 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 = "<group>";
 54 | 		};
 55 | 		504EC2FB1FED79650016851F = {
 56 | 			isa = PBXGroup;
 57 | 			children = (
 58 | 				504EC3061FED79650016851F /* App */,
 59 | 				504EC3051FED79650016851F /* Products */,
 60 | 				7F8756D8B27F46E3366F6CEA /* Pods */,
 61 | 				27E2DDA53C4D2A4D1A88CE4A /* Frameworks */,
 62 | 			);
 63 | 			sourceTree = "<group>";
 64 | 		};
 65 | 		504EC3051FED79650016851F /* Products */ = {
 66 | 			isa = PBXGroup;
 67 | 			children = (
 68 | 				504EC3041FED79650016851F /* App.app */,
 69 | 			);
 70 | 			name = Products;
 71 | 			sourceTree = "<group>";
 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 = "<group>";
 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 = "<group>";
 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 = "<group>";
224 | 		};
225 | 		504EC3101FED79650016851F /* LaunchScreen.storyboard */ = {
226 | 			isa = PBXVariantGroup;
227 | 			children = (
228 | 				504EC3111FED79650016851F /* Base */,
229 | 			);
230 | 			name = LaunchScreen.storyboard;
231 | 			sourceTree = "<group>";
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 | 


--------------------------------------------------------------------------------