Push existing project to GitLab

.bundle/config

+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

.eslintrc.js

+module.exports = {
+  root: true,
+  extends: '@react-native',
+};

.gitignore

+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+**/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.prettierrc.js

+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};

.watchmanconfig

+{}

App.js

+import * as React from 'react';
+import { SafeAreaView, Text, LogBox } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import AuthNavigator from "./src/navigations/AuthNavigator";
+import firebase from '@react-native-firebase/app';
+LogBox.ignoreAllLogs();
+const App = () => {
+  // Your Firebase project config
+  const firebaseConfig = {
+    apiKey: "AIzaSyDYUf2gYWwE_qvQk2e-8ErEZ_PYBZ7eX0o",
+    authDomain: "emidwife-382f9.firebaseapp.com",
+    databaseURL: "https://emidwife-382f9-default-rtdb.asia-southeast1.firebasedatabase.app",
+    projectId: "emidwife-382f9",
+    storageBucket: "emidwife-382f9.appspot.com",
+    messagingSenderId: "586342030256",
+    appId: "1:586342030256:web:a88085b0dd2a72a953d475"
+  };
+  // Initialize Firebase
+  if (!firebase.apps.length) {
+    firebase.initializeApp(firebaseConfig);
+  }
+  return (
+    <NavigationContainer>
+      <AuthNavigator />
+    </NavigationContainer>
+  );
+}
+
+export default App;
+

Gemfile

+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
+# bound in the template on Cocoapods with next React Native release.
+gem 'cocoapods', '>= 1.13', '< 1.15'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'

README.md

+This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
+
+# Getting Started
+
+>**Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till "Creating a new application" step, before proceeding.
+
+## Step 1: Start the Metro Server
+
+First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.
+
+To start Metro, run the following command from the _root_ of your React Native project:
+
+```bash
+# using npm
+npm start
+
+# OR using Yarn
+yarn start
+```
+
+## Step 2: Start your Application
+
+Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:
+
+### For Android
+
+```bash
+# using npm
+npm run android
+
+# OR using Yarn
+yarn android
+```
+
+### For iOS
+
+```bash
+# using npm
+npm run ios
+
+# OR using Yarn
+yarn ios
+```
+
+If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.
+
+This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
+
+## Step 3: Modifying your App
+
+Now that you have successfully run the app, let's modify it.
+
+1. Open `App.tsx` in your text editor of choice and edit some lines.
+2. For **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Developer Menu** (<kbd>Ctrl</kbd> + <kbd>M</kbd> (on Window and Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (on macOS)) to see your changes!
+
+   For **iOS**: Hit <kbd>Cmd ⌘</kbd> + <kbd>R</kbd> in your iOS Simulator to reload the app and see your changes!
+
+## Congratulations! :tada:
+
+You've successfully run and modified your React Native App. :partying_face:
+
+### Now what?
+
+- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
+- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started).
+
+# Troubleshooting
+
+If you can't get this to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
+
+# Learn More
+
+To learn more about React Native, take a look at the following resources:
+
+- [React Native Website](https://reactnative.dev) - learn more about React Native.
+- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
+- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
+- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
+- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.

__tests__/App.test.tsx

+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: import explicitly to use the types shipped with jest.
+import {it} from '@jest/globals';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

android/app/build.gradle

+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '..'
+    // root = file("../")
+    //   The folder where the react-native NPM package is. Default is ../node_modules/react-native
+    // reactNativeDir = file("../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../node_modules/@react-native/codegen
+    // codegenDir = file("../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js
+    // cliFile = file("../node_modules/react-native/cli.js")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+
+    namespace "com.emidwife"
+    defaultConfig {
+        applicationId "com.emidwife"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.debug
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+}
+
+dependencies {
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}
+
+apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

android/app/proguard-rules.pro

+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:

android/app/src/debug/AndroidManifest.xml

+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <application
+        android:usesCleartextTraffic="true"
+        tools:targetApi="28"
+        tools:ignore="GoogleAppIndexingWarning"/>
+</manifest>

android/app/src/main/AndroidManifest.xml

+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.CAMERA" />
+
+    <!-- optionally, if you want to record audio: -->
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:launchMode="singleTask"
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+    </application>
+</manifest>

android/app/src/main/java/com/emidwife/MainActivity.kt

+package com.emidwife
+import android.os.Bundle;
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+
+class MainActivity : ReactActivity() {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  override fun getMainComponentName(): String = "EMidWife"
+
+  /**
+   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
+   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
+   */
+  override fun createReactActivityDelegate(): ReactActivityDelegate =
+      DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+  
+  override fun onCreate(savedInstanceState: Bundle?) {
+    super.onCreate(null)
+  }
+}

android/app/src/main/java/com/emidwife/MainApplication.kt

+package com.emidwife
+
+import android.app.Application
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactPackage
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.soloader.SoLoader
+
+class MainApplication : Application(), ReactApplication {
+
+  override val reactNativeHost: ReactNativeHost =
+      object : DefaultReactNativeHost(this) {
+        override fun getPackages(): List<ReactPackage> =
+            PackageList(this).packages.apply {
+              // Packages that cannot be autolinked yet can be added manually here, for example:
+              // add(MyReactNativePackage())
+            }
+
+        override fun getJSMainModuleName(): String = "index"
+
+        override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
+
+        override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
+        override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
+      }
+
+  override val reactHost: ReactHost
+    get() = getDefaultReactHost(applicationContext, reactNativeHost)
+
+  override fun onCreate() {
+    super.onCreate()
+    SoLoader.init(this, false)
+    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+      // If you opted-in for the New Architecture, we load the native entry point for this app.
+      load()
+    }
+  }
+}

android/app/src/main/res/drawable/rn_edit_text_material.xml

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright (C) 2014 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+<inset xmlns:android="http://schemas.android.com/apk/res/android"
+       android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetTop="@dimen/abc_edit_text_inset_top_material"
+       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
+       >
+
+    <selector>
+        <!--
+          This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
+          The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
+          NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'
+
+          <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+
+          For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.
+        -->
+        <item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+        <item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
+    </selector>
+
+</inset>

android/app/src/main/res/values/strings.xml

+<resources>
+    <string name="app_name">EMidWife</string>
+</resources>

android/app/src/main/res/values/styles.xml

+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
+        <!-- Customize your theme here. -->
+        <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
+    </style>
+
+</resources>

android/build.gradle

+buildscript {
+    ext {
+        buildToolsVersion = "34.0.0"
+        minSdkVersion = 23
+        compileSdkVersion = 34
+        targetSdkVersion = 34
+        ndkVersion = "26.1.10909125"
+        kotlinVersion = "1.9.22"
+    }
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle")
+        classpath("com.facebook.react:react-native-gradle-plugin")
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
+    }
+}
+
+apply plugin: "com.facebook.react.rootproject"

android/gradle.properties

+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
+org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+# Automatically convert third-party libraries to use AndroidX
+android.enableJetifier=true
+
+# Use this property to specify which architecture you want to build.
+# You can also override it from the CLI using
+# ./gradlew <task> -PreactNativeArchitectures=x86_64
+reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
+
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+newArchEnabled=false
+
+# Use this property to enable or disable the Hermes JS engine.
+# If set to false, you will be using JSC instead.
+hermesEnabled=true

android/gradle/wrapper/gradle-wrapper.properties

+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.6-all.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists

android/gradlew

+#!/bin/sh
+
+#
+# Copyright © 2015-2021 the original authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/HEAD/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+# This is normally unused
+# shellcheck disable=SC2034
+APP_BASE_NAME=${0##*/}
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        org.gradle.wrapper.GradleWrapperMain \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"

android/gradlew.bat

+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

android/settings.gradle

+rootProject.name = 'EMidWife'
+apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
+include ':app'
+includeBuild('../node_modules/@react-native/gradle-plugin')

app.json

+{
+  "name": "EMidWife",
+  "displayName": "EMidWife"
+}

babel.config.js

+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+};

index.js

+/**
+ * @format
+ */
+import 'react-native-gesture-handler';
+import { AppRegistry } from 'react-native';
+import App from './App';
+import { name as appName } from './app.json';
+
+AppRegistry.registerComponent(appName, () => App);
\ No newline at end of file

ios/.xcode.env

+# This `.xcode.env` file is versioned and is used to source the environment
+# used when running script phases inside Xcode.
+# To customize your local environment, you can create an `.xcode.env.local`
+# file that is not versioned.
+
+# NODE_BINARY variable contains the PATH to the node executable.
+#
+# Customize the NODE_BINARY variable here.
+# For example, to use nvm with brew, add the following line
+# . "$(brew --prefix nvm)/nvm.sh" --no-use
+export NODE_BINARY=$(command -v node)

ios/EMidWife.xcodeproj/xcshareddata/xcschemes/EMidWife.xcscheme

+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1210"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "EMidWife.app"
+               BlueprintName = "EMidWife"
+               ReferencedContainer = "container:EMidWife.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "EMidWifeTests.xctest"
+               BlueprintName = "EMidWifeTests"
+               ReferencedContainer = "container:EMidWife.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "EMidWife.app"
+            BlueprintName = "EMidWife"
+            ReferencedContainer = "container:EMidWife.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "EMidWife.app"
+            BlueprintName = "EMidWife"
+            ReferencedContainer = "container:EMidWife.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

ios/EMidWife/AppDelegate.h

+#import <RCTAppDelegate.h>
+#import <UIKit/UIKit.h>
+
+@interface AppDelegate : RCTAppDelegate
+
+@end

ios/EMidWife/AppDelegate.mm

+#import "AppDelegate.h"
+
+#import <React/RCTBundleURLProvider.h>
+
+@implementation AppDelegate
+
+- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
+{
+  self.moduleName = @"EMidWife";
+  // You can add your custom initial props in the dictionary below.
+  // They will be passed down to the ViewController used by React Native.
+  self.initialProps = @{};
+
+  return [super application:application didFinishLaunchingWithOptions:launchOptions];
+}
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+  return [self bundleURL];
+}
+
+- (NSURL *)bundleURL
+{
+#if DEBUG
+  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
+#else
+  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
+#endif
+}
+
+@end

ios/EMidWife/Images.xcassets/AppIcon.appiconset/Contents.json

+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "20x20"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "20x20"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "29x29"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "29x29"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "40x40"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "40x40"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "60x60"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "60x60"
+    },
+    {
+      "idiom" : "ios-marketing",
+      "scale" : "1x",
+      "size" : "1024x1024"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/EMidWife/Images.xcassets/Contents.json

+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

ios/EMidWife/Info.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>EMidWife</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>$(MARKETING_VERSION)</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+	  <!-- Do not change NSAllowsArbitraryLoads to true, or you will risk app rejection! -->
+		<key>NSAllowsArbitraryLoads</key>
+		<false/>
+		<key>NSAllowsLocalNetworking</key>
+		<true/>
+	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>arm64</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+	<key>NSCameraUsageDescription</key>
+	<string>$(PRODUCT_NAME) needs access to your Camera.</string>
+
+	<!-- optionally, if you want to record audio: -->
+	<key>NSMicrophoneUsageDescription</key>
+	<string>$(PRODUCT_NAME) needs access to your Microphone.</string>
+</dict>
+</plist>

ios/EMidWife/LaunchScreen.storyboard

+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="EMidWife" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="GJd-Yh-RWb">
+                                <rect key="frame" x="0.0" y="202" width="375" height="43"/>
+                                <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="MN2-I3-ftu">
+                                <rect key="frame" x="0.0" y="626" width="375" height="21"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                        </subviews>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                        <constraints>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="bottom" secondItem="MN2-I3-ftu" secondAttribute="bottom" constant="20" id="OZV-Vh-mqD"/>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="GJd-Yh-RWb" secondAttribute="centerX" id="Q3B-4B-g5h"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="centerX" secondItem="Bcu-3y-fUS" secondAttribute="centerX" id="akx-eg-2ui"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" id="i1E-0Y-4RG"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="bottom" multiplier="1/3" constant="1" id="moa-c2-u7t"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="x7j-FC-K8j"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="52.173913043478265" y="375"/>
+        </scene>
+    </scenes>
+</document>

ios/EMidWife/PrivacyInfo.xcprivacy

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+  <key>NSPrivacyCollectedDataTypes</key>
+  <array>
+  </array>
+  <key>NSPrivacyAccessedAPITypes</key>
+  <array>
+    <dict>
+      <key>NSPrivacyAccessedAPIType</key>
+      <string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
+      <key>NSPrivacyAccessedAPITypeReasons</key>
+      <array>
+        <string>C617.1</string>
+      </array>
+    </dict>
+    <dict>
+      <key>NSPrivacyAccessedAPIType</key>
+      <string>NSPrivacyAccessedAPICategoryUserDefaults</string>
+      <key>NSPrivacyAccessedAPITypeReasons</key>
+      <array>
+        <string>CA92.1</string>
+      </array>
+    </dict>
+    <dict>
+      <key>NSPrivacyAccessedAPIType</key>
+      <string>NSPrivacyAccessedAPICategorySystemBootTime</string>
+      <key>NSPrivacyAccessedAPITypeReasons</key>
+      <array>
+        <string>35F9.1</string>
+      </array>
+    </dict>
+  </array>
+  <key>NSPrivacyTracking</key>
+  <false/>
+</dict>
+</plist>

ios/EMidWife/main.m

+#import <UIKit/UIKit.h>
+
+#import "AppDelegate.h"
+
+int main(int argc, char *argv[])
+{
+  @autoreleasepool {
+    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
+  }
+}

ios/EMidWifeTests/EMidWifeTests.m

+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React"
+
+@interface EMidWifeTests : XCTestCase
+
+@end
+
+@implementation EMidWifeTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL (^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+#ifdef DEBUG
+  RCTSetLogFunction(
+      ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+        if (level >= RCTLogLevelError) {
+          redboxError = message;
+        }
+      });
+#endif
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view
+                                  matching:^BOOL(UIView *view) {
+                                    if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+                                      return YES;
+                                    }
+                                    return NO;
+                                  }];
+  }
+
+#ifdef DEBUG
+  RCTSetLogFunction(RCTDefaultLogFunction);
+#endif
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+@end

ios/EMidWifeTests/Info.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

ios/Podfile

+# Resolve react_native_pods.rb with node to allow for hoisting
+require Pod::Executable.execute_command('node', ['-p',
+  'require.resolve(
+    "react-native/scripts/react_native_pods.rb",
+    {paths: [process.argv[1]]},
+  )', __dir__]).strip
+
+platform :ios, min_ios_version_supported
+prepare_react_native_project!
+
+linkage = ENV['USE_FRAMEWORKS']
+if linkage != nil
+  Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
+  use_frameworks! :linkage => linkage.to_sym
+end
+
+target 'EMidWife' do
+  config = use_native_modules!
+
+  use_react_native!(
+    :path => config[:reactNativePath],
+    # An absolute path to your application root.
+    :app_path => "#{Pod::Config.instance.installation_root}/.."
+  )
+
+  target 'EMidWifeTests' do
+    inherit! :complete
+    # Pods for testing
+  end
+
+  post_install do |installer|
+    # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202
+    react_native_post_install(
+      installer,
+      config[:reactNativePath],
+      :mac_catalyst_enabled => false,
+      # :ccache_enabled => true
+    )
+  end
+end

jest.config.js

+module.exports = {
+  preset: 'react-native',
+  transformIgnorePatterns: [
+    'node_modules/(?!(react-native|my-project|react-native-button)/)',
+  ],
+  setupFiles: ['<rootDir>/jest.setup.js'],
+};

jest.setup.js

+jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');

metro.config.js

+/**
+ * Metro configuration for React Native
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+
+const defaultConfig = getDefaultConfig(__dirname);
+
+const {
+  resolver: { sourceExts, assetExts },
+} = getDefaultConfig(__dirname);
+
+const config = {
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+    babelTransformerPath: require.resolve('react-native-svg-transformer'),
+  },
+  resolver: {
+    assetExts: assetExts.filter(ext => ext !== 'svg'),
+    sourceExts: [...sourceExts, 'svg'],
+  },
+};
+
+module.exports = mergeConfig(defaultConfig, config);
\ No newline at end of file

package.json

+{
+  "name": "EMidWife",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint .",
+    "start": "react-native start",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@cloudinary/url-gen": "^1.19.0",
+    "@react-native-async-storage/async-storage": "^1.23.1",
+    "@react-native-community/checkbox": "^0.5.17",
+    "@react-native-firebase/app": "^19.2.2",
+    "@react-native-firebase/database": "^19.2.2",
+    "@react-navigation/bottom-tabs": "^6.5.20",
+    "@react-navigation/native": "^6.1.17",
+    "@react-navigation/stack": "^6.3.29",
+    "axios": "^1.6.8",
+    "formik": "^2.4.6",
+    "metro-react-native-babel-preset": "^0.77.0",
+    "moment": "^2.30.1",
+    "react": "18.2.0",
+    "react-native": "0.73.6",
+    "react-native-circular-progress": "^1.4.0",
+    "react-native-circular-progress-indicator": "^4.4.2",
+    "react-native-gesture-handler": "^2.16.2",
+    "react-native-linear-gradient": "^2.8.3",
+    "react-native-progress-circle-gradient": "^1.2.1",
+    "react-native-safe-area-context": "^4.10.1",
+    "react-native-screens": "^3.31.1",
+    "react-native-snap-carousel-v4": "^1.0.1",
+    "react-native-svg": "^15.2.0",
+    "react-native-svg-transformer": "^1.3.0",
+    "react-native-vector-icons": "^10.1.0",
+    "react-native-video": "^5.2.1",
+    "react-native-vision-camera": "^3.9.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.0",
+    "@babel/preset-env": "^7.20.0",
+    "@babel/runtime": "^7.20.0",
+    "@react-native/babel-preset": "0.73.21",
+    "@react-native/eslint-config": "0.73.2",
+    "@react-native/metro-config": "0.73.5",
+    "@react-native/typescript-config": "0.73.1",
+    "@types/react": "^18.2.6",
+    "@types/react-test-renderer": "^18.0.0",
+    "babel-jest": "^29.6.3",
+    "eslint": "^8.19.0",
+    "jest": "^29.6.3",
+    "prettier": "2.8.8",
+    "react-test-renderer": "18.2.0",
+    "typescript": "5.0.4"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

src/assets/icons/LOGO.svg

+<?xml version="1.0"?><svg fill="#7d5fff" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="500px" height="500px">    <path d="M 25 2 C 20.78 2 16.829687 3.1408594 13.429688 5.1308594 L 34.150391 20.269531 L 38.800781 6.609375 C 34.950781 3.719375 30.17 2 25 2 z M 11.640625 6.2890625 C 5.810625 10.459063 2 17.3 2 25 C 2 26.73 2.1903125 28.419063 2.5703125 30.039062 L 23.310547 14.820312 L 11.640625 6.2890625 z M 40.449219 7.9707031 L 32.269531 32 L 46.900391 32 C 47.620391 29.79 48 27.44 48 25 C 48 18.26 45.079219 12.190703 40.449219 7.9707031 z M 25 16.060547 L 16.560547 22.25 L 19.710938 32 L 30.160156 32 L 33.480469 22.25 L 25 16.060547 z M 14.869141 23.5 L 3.1308594 32.109375 C 5.9008594 40.629375 13.530703 46.980625 22.720703 47.890625 L 14.869141 23.5 z M 20.349609 34 L 24.869141 48 L 25 48 C 34.49 48 42.650156 42.22 46.160156 34 L 20.349609 34 z"/></svg>
\ No newline at end of file

src/assets/icons/dot.svg

+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" ><path d="m12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm0,21c-4.962,0-9-4.037-9-9S7.038,3,12,3s9,4.038,9,9-4.038,9-9,9Zm4-9c0,2.209-1.791,4-4,4s-4-1.791-4-4,1.791-4,4-4,4,1.791,4,4Z"/></svg>

src/assets/icons/fitness1.svg

+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 48.233 56.667 H 13.608 c -0.552 0 -1 -0.447 -1 -1 v -6.918 c 0 -0.553 0.448 -1 1 -1 h 34.624 c 0.553 0 1 0.447 1 1 v 6.918 C 49.233 56.22 48.786 56.667 48.233 56.667 z M 14.608 54.667 h 32.624 v -4.918 H 14.608 V 54.667 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 10.149 64.406 c -2.459 0 -4.459 -2 -4.459 -4.46 V 44.47 c 0 -2.459 2 -4.46 4.459 -4.46 s 4.46 2.001 4.46 4.46 v 15.476 C 14.608 62.406 12.608 64.406 10.149 64.406 z M 10.149 42.011 c -1.356 0 -2.459 1.103 -2.459 2.459 v 15.476 c 0 1.356 1.103 2.459 2.459 2.459 c 1.356 0 2.459 -1.104 2.459 -2.459 V 44.47 C 12.608 43.114 11.505 42.011 10.149 42.011 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 3.845 58.829 C 1.724 58.829 0 57.104 0 54.984 v -5.553 c 0 -2.12 1.724 -3.845 3.845 -3.845 s 3.845 1.725 3.845 3.845 v 5.553 C 7.69 57.104 5.965 58.829 3.845 58.829 z M 3.845 47.587 C 2.828 47.587 2 48.415 2 49.432 v 5.553 c 0 1.017 0.827 1.844 1.844 1.844 c 1.017 0 1.845 -0.827 1.845 -1.844 v -5.553 C 5.689 48.415 4.862 47.587 3.845 47.587 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 51.692 64.406 c -2.459 0 -4.46 -2 -4.46 -4.46 V 44.47 c 0 -2.459 2 -4.46 4.46 -4.46 s 4.46 2.001 4.46 4.46 v 15.476 C 56.152 62.406 54.152 64.406 51.692 64.406 z M 51.692 42.011 c -1.356 0 -2.459 1.103 -2.459 2.459 v 15.476 c 0 1.356 1.104 2.459 2.459 2.459 s 2.459 -1.104 2.459 -2.459 V 44.47 C 54.152 43.114 53.048 42.011 51.692 42.011 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 57.996 58.829 c -2.12 0 -3.845 -1.725 -3.845 -3.845 v -5.553 c 0 -2.12 1.725 -3.845 3.845 -3.845 c 2.12 0 3.845 1.725 3.845 3.845 v 5.553 C 61.841 57.104 60.116 58.829 57.996 58.829 z M 57.996 47.587 c -1.017 0 -1.844 0.827 -1.844 1.844 v 5.553 c 0 1.017 0.827 1.844 1.844 1.844 c 1.017 0 1.844 -0.827 1.844 -1.844 v -5.553 C 59.841 48.415 59.013 47.587 57.996 47.587 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 53.535 78.709 c -0.168 0 -0.336 -0.042 -0.487 -0.127 C 47.003 75.21 37.951 68.09 31.525 61.651 c -0.39 -0.391 -0.389 -1.024 0.001 -1.414 c 0.392 -0.39 1.025 -0.39 1.415 0.002 c 6.14 6.152 14.697 12.925 20.593 16.321 c 7.801 -4.494 19.944 -14.752 24.857 -21.041 c 10.257 -13.129 12.636 -28.381 5.656 -36.267 c -3.24 -3.661 -7.804 -5.773 -12.852 -5.948 c -5.982 -0.214 -12.005 2.362 -16.96 7.235 c -0.389 0.383 -1.014 0.383 -1.403 0 c -4.953 -4.873 -10.972 -7.44 -16.959 -7.235 c -5.048 0.174 -9.612 2.287 -12.852 5.948 c -4.27 4.824 -5.137 12.597 -2.378 21.326 c 0.167 0.526 -0.126 1.089 -0.652 1.255 c -0.525 0.167 -1.089 -0.126 -1.255 -0.652 c -2.975 -9.416 -1.959 -17.891 2.788 -23.254 c 3.608 -4.076 8.68 -6.428 14.281 -6.621 c 6.253 -0.207 12.514 2.312 17.729 7.14 c 5.215 -4.827 11.473 -7.355 17.73 -7.14 c 5.601 0.194 10.673 2.545 14.281 6.621 c 7.619 8.608 5.273 24.935 -5.578 38.823 c -5.237 6.705 -17.846 17.316 -25.946 21.834 C 53.871 78.667 53.703 78.709 53.535 78.709 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 35.25 41.516 c -0.026 0 -0.052 -0.001 -0.078 -0.003 c -0.424 -0.033 -0.78 -0.33 -0.889 -0.741 l -2.32 -8.747 h -7.821 c -0.552 0 -1 -0.448 -1 -1 s 0.448 -1 1 -1 h 8.591 c 0.454 0 0.85 0.305 0.967 0.744 l 1.786 6.733 l 6.885 -15.62 c 0.166 -0.376 0.541 -0.606 0.956 -0.596 c 0.411 0.017 0.769 0.283 0.904 0.671 l 2.803 8.068 h 9.923 c 0.553 0 1 0.448 1 1 s -0.447 1 -1 1 H 46.322 c -0.426 0 -0.805 -0.27 -0.945 -0.672 l -2.202 -6.338 l -7.01 15.904 C 36.005 41.284 35.644 41.516 35.25 41.516 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file

src/assets/icons/fitness2.svg

+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 84.797 18.588 c -7.169 -8.099 -20.747 -9.103 -31.262 1.238 C 43.02 9.484 29.442 10.489 22.273 18.588 c -7.626 8.616 -4.423 24.695 5.617 37.546 c 5.089 6.513 17.66 17.121 25.645 21.575 c 7.985 -4.454 20.556 -15.062 25.645 -21.575 C 89.22 43.282 92.423 27.203 84.797 18.588 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #7d5fff; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<rect x="13.61" y="48.75" rx="0" ry="0" width="34.63" height="6.92" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(234,234,234); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) "/>
+	<path d="M 13.608 44.47 v 15.477 c 0 1.911 -1.549 3.459 -3.459 3.459 h 0 c -1.911 0 -3.459 -1.549 -3.459 -3.459 V 44.47 c 0 -1.911 1.549 -3.459 3.459 -3.459 h 0 C 12.059 41.01 13.608 42.559 13.608 44.47 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(234,234,234); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 6.689 49.432 v 5.553 c 0 1.571 -1.274 2.845 -2.845 2.845 h 0 C 2.274 57.829 1 56.556 1 54.985 v -5.553 c 0 -1.571 1.274 -2.845 2.845 -2.845 h 0 C 5.416 46.587 6.689 47.861 6.689 49.432 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(234,234,234); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 48.233 44.47 v 15.477 c 0 1.911 1.549 3.459 3.459 3.459 h 0 c 1.911 0 3.459 -1.549 3.459 -3.459 V 44.47 c 0 -1.911 -1.549 -3.459 -3.459 -3.459 h 0 C 49.782 41.01 48.233 42.559 48.233 44.47 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(234,234,234); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 55.152 49.432 v 5.553 c 0 1.571 1.274 2.845 2.845 2.845 h 0 c 1.571 0 2.845 -1.274 2.845 -2.845 v -5.553 c 0 -1.571 -1.274 -2.845 -2.845 -2.845 h 0 C 56.425 46.587 55.152 47.861 55.152 49.432 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(234,234,234); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 48.233 56.667 H 13.608 c -0.552 0 -1 -0.447 -1 -1 v -6.918 c 0 -0.553 0.448 -1 1 -1 h 34.624 c 0.553 0 1 0.447 1 1 v 6.918 C 49.233 56.22 48.786 56.667 48.233 56.667 z M 14.608 54.667 h 32.624 v -4.918 H 14.608 V 54.667 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 10.149 64.406 c -2.459 0 -4.459 -2 -4.459 -4.46 V 44.47 c 0 -2.459 2 -4.46 4.459 -4.46 s 4.46 2.001 4.46 4.46 v 15.476 C 14.608 62.406 12.608 64.406 10.149 64.406 z M 10.149 42.011 c -1.356 0 -2.459 1.103 -2.459 2.459 v 15.476 c 0 1.356 1.103 2.459 2.459 2.459 c 1.356 0 2.459 -1.104 2.459 -2.459 V 44.47 C 12.608 43.114 11.505 42.011 10.149 42.011 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 3.845 58.829 C 1.724 58.829 0 57.104 0 54.984 v -5.553 c 0 -2.12 1.724 -3.845 3.845 -3.845 s 3.845 1.725 3.845 3.845 v 5.553 C 7.69 57.104 5.965 58.829 3.845 58.829 z M 3.845 47.587 C 2.828 47.587 2 48.415 2 49.432 v 5.553 c 0 1.017 0.827 1.844 1.844 1.844 c 1.017 0 1.845 -0.827 1.845 -1.844 v -5.553 C 5.689 48.415 4.862 47.587 3.845 47.587 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 51.692 64.406 c -2.459 0 -4.46 -2 -4.46 -4.46 V 44.47 c 0 -2.459 2 -4.46 4.46 -4.46 s 4.46 2.001 4.46 4.46 v 15.476 C 56.152 62.406 54.152 64.406 51.692 64.406 z M 51.692 42.011 c -1.356 0 -2.459 1.103 -2.459 2.459 v 15.476 c 0 1.356 1.104 2.459 2.459 2.459 s 2.459 -1.104 2.459 -2.459 V 44.47 C 54.152 43.114 53.048 42.011 51.692 42.011 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 57.996 58.829 c -2.12 0 -3.845 -1.725 -3.845 -3.845 v -5.553 c 0 -2.12 1.725 -3.845 3.845 -3.845 c 2.12 0 3.845 1.725 3.845 3.845 v 5.553 C 61.841 57.104 60.116 58.829 57.996 58.829 z M 57.996 47.587 c -1.017 0 -1.844 0.827 -1.844 1.844 v 5.553 c 0 1.017 0.827 1.844 1.844 1.844 c 1.017 0 1.844 -0.827 1.844 -1.844 v -5.553 C 59.841 48.415 59.013 47.587 57.996 47.587 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 53.535 78.709 c -0.168 0 -0.336 -0.042 -0.487 -0.127 C 47.003 75.21 37.951 68.09 31.525 61.651 c -0.39 -0.391 -0.389 -1.024 0.001 -1.414 c 0.392 -0.39 1.025 -0.39 1.415 0.002 c 6.14 6.152 14.697 12.925 20.593 16.321 c 7.801 -4.494 19.944 -14.752 24.857 -21.041 c 10.257 -13.129 12.636 -28.381 5.656 -36.267 c -3.24 -3.661 -7.804 -5.773 -12.852 -5.948 c -5.982 -0.214 -12.005 2.362 -16.96 7.235 c -0.389 0.383 -1.014 0.383 -1.403 0 c -4.953 -4.873 -10.972 -7.44 -16.959 -7.235 c -5.048 0.174 -9.612 2.287 -12.852 5.948 c -4.27 4.824 -5.137 12.597 -2.378 21.326 c 0.167 0.526 -0.126 1.089 -0.652 1.255 c -0.525 0.167 -1.089 -0.126 -1.255 -0.652 c -2.975 -9.416 -1.959 -17.891 2.788 -23.254 c 3.608 -4.076 8.68 -6.428 14.281 -6.621 c 6.253 -0.207 12.514 2.312 17.729 7.14 c 5.215 -4.827 11.473 -7.355 17.73 -7.14 c 5.601 0.194 10.673 2.545 14.281 6.621 c 7.619 8.608 5.273 24.935 -5.578 38.823 c -5.237 6.705 -17.846 17.316 -25.946 21.834 C 53.871 78.667 53.703 78.709 53.535 78.709 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 35.25 41.516 c -0.026 0 -0.052 -0.001 -0.078 -0.003 c -0.424 -0.033 -0.78 -0.33 -0.889 -0.741 l -2.32 -8.747 h -7.821 c -0.552 0 -1 -0.448 -1 -1 s 0.448 -1 1 -1 h 8.591 c 0.454 0 0.85 0.305 0.967 0.744 l 1.786 6.733 l 6.885 -15.62 c 0.166 -0.376 0.541 -0.606 0.956 -0.596 c 0.411 0.017 0.769 0.283 0.904 0.671 l 2.803 8.068 h 9.923 c 0.553 0 1 0.448 1 1 s -0.447 1 -1 1 H 46.322 c -0.426 0 -0.805 -0.27 -0.945 -0.672 l -2.202 -6.338 l -7.01 15.904 C 36.005 41.284 35.644 41.516 35.25 41.516 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file

src/assets/icons/mother.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="64.000000pt" height="64.000000pt" viewBox="0 0 64.000000 64.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,64.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M305 623 c-34 -8 -41 -21 -39 -60 4 -58 14 -83 35 -83 34 0 29 -19
+-16 -57 -30 -25 -44 -44 -42 -55 3 -9 -1 -19 -9 -22 -8 -3 -14 -14 -14 -24 0
+-11 -7 -25 -15 -32 -22 -18 -18 -69 10 -124 21 -42 23 -52 11 -65 -7 -9 -19
+-26 -25 -39 -11 -21 -9 -24 23 -37 58 -24 129 -20 165 11 45 37 49 79 16 152
+-25 55 -26 64 -15 99 7 21 23 51 36 66 26 31 33 104 13 124 -7 7 -15 35 -20
+64 -13 79 -41 100 -114 82z m85 -39 c6 -14 10 -36 10 -49 0 -14 9 -42 20 -64
+14 -26 19 -48 14 -65 -7 -27 -24 -46 -24 -26 0 7 -11 25 -23 40 -15 18 -26 47
+-30 79 -7 57 -16 79 -26 63 -4 -7 -15 -4 -31 9 -21 16 -23 20 -10 29 8 5 32
+10 53 10 31 0 39 -4 47 -26z m-74 -60 c24 -25 36 -60 13 -37 -6 6 -18 9 -25 6
+-8 -3 -14 1 -14 10 0 9 -3 22 -6 31 -9 24 6 19 32 -10z m23 -95 c-25 -16 -32
+-9 -13 12 12 13 20 16 22 9 3 -7 -2 -16 -9 -21z m47 -116 c-13 -40 -34 -75
+-75 -120 -58 -65 -71 -74 -71 -48 0 8 4 15 10 15 5 0 28 25 51 56 37 50 41 62
+46 130 l6 76 25 -26 26 -25 -18 -58z m-52 30 c-6 -57 -13 -76 -46 -120 -21
+-29 -42 -53 -47 -53 -14 0 -41 48 -41 73 0 27 24 52 49 52 13 0 16 11 16 49 0
+45 3 51 25 57 51 14 51 14 44 -58z m-74 -23 c0 -5 -7 -10 -15 -10 -8 0 -15 5
+-15 10 0 6 7 10 15 10 8 0 15 -4 15 -10z m129 -126 c23 -39 28 -110 8 -135
+-19 -24 -52 -39 -90 -39 -40 0 -97 18 -97 31 0 8 148 179 155 179 2 0 12 -16
+24 -36z"/>
+<path d="M222 238 c2 -17 9 -22 23 -20 26 5 29 8 22 27 -4 8 -16 15 -27 15
+-16 0 -21 -5 -18 -22z"/>
+<path d="M381 125 c0 -42 2 -46 11 -28 7 15 7 30 0 50 -10 26 -10 24 -11 -22z"/>
+</g>
+</svg>

src/assets/icons/progress.svg

+<svg id="Layer_1" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><path d="m10 23a1 1 0 0 1 -1 1h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1z"/><path d="m1 20h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2z"/><path d="m1 16h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z"/><path fill="#09244B" d="m12 0a12 12 0 0 0 -12 12c0 .061.008.12.009.181a2.966 2.966 0 0 1 .991-.181h4a2.99 2.99 0 0 1 2.78 4.116 2.975 2.975 0 0 1 2 4 2.949 2.949 0 0 1 2.039 3.875c.061 0 .12.009.181.009a12 12 0 0 0 0-24zm3.707 15.707a1 1 0 0 1 -1.414 0l-3-3a1 1 0 0 1 -.293-.707v-5a1 1 0 0 1 2 0v4.586l2.707 2.707a1 1 0 0 1 0 1.414z"/></svg>
\ No newline at end of file

src/assets/icons/rounds.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path fill="#09244B" d="M12,24A12,12,0,1,1,24,12,12.013,12.013,0,0,1,12,24ZM12,3a9,9,0,1,0,9,9A9.01,9.01,0,0,0,12,3Zm7,9a1.5,1.5,0,0,0-3,0,4,4,0,1,1-4-4,1.5,1.5,0,0,0,0-3,7,7,0,1,0,7,7Z"/></svg>
\ No newline at end of file

src/assets/icons/time.svg

+<?xml version="1.0" encoding="UTF-8"?>
+
+<!-- License: Apache. Made by Richard9394: https://github.com/Richard9394/MingCute -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>time_fill</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="System" transform="translate(-1440.000000, -48.000000)" fill-rule="nonzero">
+            <g id="time_fill" transform="translate(1440.000000, 48.000000)">
+                <path d="M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z" id="MingCute" fill-rule="nonzero">
+
+</path>
+                <path d="M12,2 C17.5228,2 22,6.47715 22,12 C22,17.5228 17.5228,22 12,22 C6.47715,22 2,17.5228 2,12 C2,6.47715 6.47715,2 12,2 Z M12,6 C11.4477,6 11,6.44772 11,7 L11,12 C11,12.2652 11.1054,12.5196 11.2929,12.7071 L14.2929,15.7071 C14.6834,16.0976 15.3166,16.0976 15.7071,15.7071 C16.0976,15.3166 16.0976,14.6834 15.7071,14.2929 L13,11.5858 L13,7 C13,6.44772 12.5523,6 12,6 Z" id="形状" fill="#09244B">
+
+</path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

src/assets/icons/watch.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path fill="#09244B" d="m12,2.897C7.038,2.897,3,6.935,3,11.897s4.038,9,9,9,9-4.037,9-9S16.962,2.897,12,2.897Zm2.707,11.81c-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-2-2c-.188-.188-.293-.442-.293-.707v-4c0-.552.448-1,1-1s1,.448,1,1v3.586l1.707,1.707c.391.391.391,1.023,0,1.414ZM6,2.785v-1.785c0-.552.448-1,1-1h10c.552,0,1,.448,1,1v1.785c-1.727-1.128-3.788-1.785-6-1.785s-4.273.657-6,1.785Zm12,18.43v1.785c0,.553-.448,1-1,1H7c-.552,0-1-.447-1-1v-1.785c1.727,1.128,3.788,1.785,6,1.785s4.273-.657,6-1.785Z"/></svg>
\ No newline at end of file

src/components/Button.js

+import { Text, TouchableOpacity, StyleSheet } from 'react-native'
+import React from 'react'
+// import COLORS from '../constants/colors'
+import {COLORS} from '../constants';
+const Button = (props) => {
+    const filledBgColor = props.color || COLORS.primary;
+    const outlinedColor = COLORS.white;
+    const bgColor = props.filled ? filledBgColor : outlinedColor;
+    const textColor = props.filled ? COLORS.white : COLORS.primary;
+
+    return (
+        <TouchableOpacity
+            style={{
+                ...styles.button,
+                ...{ backgroundColor: bgColor },
+                ...{ borderColor: bgColor},
+                ...props.style
+            }}
+            onPress={props.onPress}
+        >
+            <Text style={{ fontSize: 18, ... { color: textColor } }}>{props.title}</Text>
+        </TouchableOpacity>
+    )
+}
+
+const styles = StyleSheet.create({
+    button: {
+        paddingBottom: 16,
+        paddingVertical: 10,
+        borderWidth: 2,
+        borderRadius: 15,
+        alignItems: 'center',
+        justifyContent: 'center',
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 2,
+            height: 2,
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 3.84,
+        elevation: 5,
+    }
+})
+export default Button
\ No newline at end of file

src/components/CircleProgressBar.js

+// import React, { useState, useEffect } from 'react';
+// import { View, Text, StyleSheet } from 'react-native';
+// import Svg, { Circle, Text as SvgText } from 'react-native-svg';
+
+// const CircleProgressBar = ({ percentage }) => {
+//   const [progress, setProgress] = useState(0);
+
+//   useEffect(() => {
+//     // Limit the progress value between 0 and 100
+//     const limitedProgress = Math.min(Math.max(0, percentage), 100);
+//     setProgress(limitedProgress);
+//   }, [percentage]);
+
+//   // Calculate the circumference of the circle
+//   const radius = 30;
+//   const circumference = 2 * Math.PI * radius;
+
+//   // Calculate the stroke-dashoffset based on the progress
+//   const strokeDashoffset = circumference - (circumference * progress) / 100;
+
+//   return (
+//     <View style={styles.container}>
+//       <Svg height="80" width="120">
+//         <Circle
+//           cx="60"
+//           cy="40"
+//           r={radius}
+//           fill="transparent"
+//           stroke="#d3d3d3"
+//           strokeWidth="10"
+//         />
+//         <Circle
+//           cx="60"
+//           cy="40"
+//           r={radius}
+//           fill="transparent"
+//           stroke="#00ff00"
+//           strokeWidth="10"
+//           strokeDasharray={circumference}
+//           strokeDashoffset={strokeDashoffset}
+//           strokeLinecap="round"
+//         />
+//         {/* Positioning percentage text in the center */}
+//         <SvgText
+//           x="50%"
+//           y="50%"
+//           textAnchor="middle"
+//           stroke="#000000"
+//           fontSize="12"
+//           marginTop="5"
+//           fontWeight="bold">
+//           {`${progress}%`}
+//         </SvgText>
+//       </Svg>
+//     </View>
+//   );
+// };
+
+// const styles = StyleSheet.create({
+//   container: {
+//     alignItems: 'center',
+//     justifyContent: 'center',
+//   },
+// });
+
+// export default CircleProgressBar;
+import React, { useState, useEffect } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Svg, { Circle, Text as SvgText } from 'react-native-svg';
+
+const CircleProgressBar = ({ percentage }) => {
+  const [progress, setProgress] = useState(0);
+
+  useEffect(() => {
+    // Limit the progress value between 0 and 100
+    const limitedProgress = Math.min(Math.max(0, percentage), 100);
+    setProgress(limitedProgress);
+  }, [percentage]);
+
+  // Calculate the circumference of the circle
+  const radius = 30;
+  const circumference = 2 * Math.PI * radius;
+
+  // Calculate the stroke-dashoffset based on the progress
+  const strokeDashoffset = circumference - (circumference * progress) / 100;
+
+  return (
+    <View style={styles.container}>
+      <Svg height="80" width="120">
+        <Circle
+          cx="60"
+          cy="40"
+          r={radius}
+          fill="transparent"
+          stroke="#d3d3d3"
+          strokeWidth="10"
+        />
+        <Circle
+          cx="60"
+          cy="40"
+          r={radius}
+          fill="transparent"
+          stroke="#00ff00"
+          strokeWidth="10"
+          strokeDasharray={circumference}
+          strokeDashoffset={strokeDashoffset}
+          strokeLinecap="round"
+        />
+        {/* Positioning percentage text in the center */}
+        <SvgText
+          x="50%"
+          y="50%"
+          textAnchor="middle"
+          stroke="#000000"
+          fontSize="12"
+          marginTop="5"
+          fontWeight="bold">
+          {`${Math.round(progress)}%`}
+        </SvgText>
+      </Svg>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export default CircleProgressBar;
+

src/components/CustomTabBar.js

+import {StyleSheet, Text, View} from 'react-native';
+import React from 'react';
+import {BottomTabBar} from '@react-navigation/bottom-tabs';
+import {COLORS} from '../constants';
+
+const CustomTabBar = props => {
+  return (
+    <View>
+      <View style={styles.tabBar} />
+      <BottomTabBar {...props} />
+    </View>
+  );
+};
+
+export default CustomTabBar;
+
+const styles = StyleSheet.create({
+  tabBar: {
+    position: 'absolute',
+    right: 10,
+    left: 10,
+    bottom: 38,
+    height: 20,
+    borderRadius: 10,
+  },
+});

src/components/CustomTabBarButton.js

+import React from 'react';
+import {StyleSheet, Text, View, TouchableOpacity} from 'react-native';
+import {COLORS} from '../constants';
+import Svg, {Path} from 'react-native-svg';
+
+const CustomTabBarButton = props => {
+  const {route, children, accessibilityState, onPress} = props;
+const isTabSelected = accessibilityState.selected;
+  if (accessibilityState.selected) {
+    return (
+      <View style={styles.btnWrapper}>
+        <View style={{flexDirection: 'row'}}>
+          <View
+            style={[
+              styles.svgGapFiller,
+              {
+                borderTopLeftRadius: route === 'home' ? 10 : 0,
+              },
+            ]}
+          />
+          <Svg width={71} height={58} viewBox="0 0 75 61">
+            <Path
+              d="M75.2 0v61H0V0c4.1 0 7.4 3.1 7.9 7.1C10 21.7 22.5 33 37.7 33c15.2 0 27.7-11.3 29.7-25.9.5-4 3.9-7.1 7.9-7.1h-.1z"
+              fill={COLORS.white}
+            />
+          </Svg>
+          <View
+            style={[
+              styles.svgGapFiller,
+              {
+                borderTopRightRadius: route === 'settings' ? 10 : 0,
+              },
+            ]}
+          />
+        </View>
+
+        <TouchableOpacity
+          activeOpacity={1}
+          onPress={onPress}
+          style={[styles.activeBtn]}>
+          <View >
+          {children}
+        </View>
+        </TouchableOpacity>
+      </View>
+    );
+  } else {
+    return (
+      <TouchableOpacity
+        activeOpacity={1}
+        onPress={onPress}
+        style={[
+          styles.inactiveBtn,
+          {
+            borderTopLeftRadius: route === 'home' ? 10 : 0,
+            borderTopRightRadius: route === 'settings' ? 10 : 0,
+          },
+        ]}>
+         <View >
+          {children}
+        </View>
+      </TouchableOpacity>
+    );
+  }
+};
+
+export default CustomTabBarButton;
+
+const styles = StyleSheet.create({
+  btnWrapper: {
+    flex: 1,
+    alignItems: 'center',
+  },
+  activeBtn: {
+    flex: 1,
+    position: 'absolute',
+    top: -22,
+    width: 50,
+    height: 50,
+    borderRadius: 50 / 2,
+    backgroundColor: COLORS.white,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingTop: 5,
+  },
+  inactiveBtn: {
+    flex: 1,
+    backgroundColor: COLORS.white,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  svgGapFiller: {
+    padding:0,
+    flex: 1,
+    backgroundColor: COLORS.white,
+  },
+});

src/constants/colors.js

+export default {
+  gradientForm: '#A376F1',
+  primary: '#7d5fff',
+  white: '#FFFFFF',
+  dark: '#444',
+  bgColor: '#82ccdd',
+  warning: '#f0d500',
+  danger: '#FF0D0E',
+  gray: '#666666',
+  grayLight: '#ccc',
+  black: '#0a0a0a',
+};

src/constants/imgs.js

+export default {
+  bgPattern: require('../assets/drawer-cover.jpeg'),
+  user: require('../assets/user.jpg'),
+  ex_1: require('../assets/ex_1.jpg'),
+  ex_2: require('../assets/ex_2.jpg'),
+  ex_3: require('../assets/ex_3.jpg'),
+  ex_4: require('../assets/ex_4.jpg'),
+};

src/constants/index.js

+import ROUTES from './routes';
+import IMGS from './imgs';
+import COLORS from './colors';
+
+export {ROUTES, IMGS, COLORS};

src/constants/routes.js

+export default {
+  LOGIN: 'Login',
+  REGISTER: 'Register',
+  FORGOT_PASSWORD: 'Forgot_Password',
+
+  HOME: 'Home',
+  HOME_TAB: 'Home_Tab',
+
+  WALLET: 'Wallet',
+
+  NOTIFICATIONS: 'Notifications',
+
+  SETTINGS: 'Settings',
+  SETTINGS_NAVIGATOR: 'Welcome',
+
+  SETTINGS_DETAIL: 'Settings_Detail',
+
+  //EXERCISES
+  EXERCISE_WELCOME: 'Exercise_Welcome',
+  EXERCISE_HOME: 'Exercise_Home',
+  EXERCISE_FORM: 'Health_Form',
+  EXERCISE_MAIN_MENU: 'Exercise_Home_Menu',
+  EXERCISE_VIEW: 'Exercise_View',
+  EXERCISE_ACTION_VIEW: 'Exercise_ACTION_View',
+  EXERCISE_PROGRESS: 'Exercise_PROGRESS'
+};

src/navigations/AuthNavigator.js

+import React, {useState, useEffect} from 'react';
+import { createStackNavigator } from '@react-navigation/stack';
+import  Login  from '../screens/auth/Login';
+import Register  from '../screens/auth/Register';
+import  ForgotPassword  from '../screens/auth/ForgotPassword';
+// import  { Login, Register, ForgotPassword}  from '../screens';
+import { ROUTES } from "../constants"
+import BottomTabNavigator from './BottomTabNavigator'
+const Stack = createStackNavigator();
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+function AuthNavigator() {
+
+    const [isLoggedIn, setIsLoggedIn] = useState(false);
+
+    useEffect(() => {
+        // Check if the user is already logged in
+        checkLoggedInStatus();
+    }, []);
+
+    const checkLoggedInStatus = async () => {
+        try {
+            // Example: Check if a token or user data exists in AsyncStorage
+            const userData = await AsyncStorage.getItem('userData');
+            if (userData) {
+                setIsLoggedIn(true);
+            }
+        } catch (error) {
+            console.error('Error checking logged in status:', error);
+        }
+    };
+    return (
+        // <Stack.Navigator 
+        // screenOptions={{
+        //     headerBackTitleVisible: false
+        // }}
+        // initialRouteName={ROUTES.LOGIN}
+        // >
+        //     <Stack.Screen
+        //         options={{
+        //             headerShown: false
+        //         }}
+        //         name={ROUTES.LOGIN} component={Login}
+        //     />
+        //     <Stack.Screen 
+        //     options={{
+        //         headerShown: false,
+        //         headerBackTitleVisible: false
+        //     }}
+        //     name={ROUTES.REGISTER} component={Register} 
+        //     /> 
+        //     <Stack.Screen 
+        //     name={ROUTES.FORGOT_PASSWORD} component={ForgotPassword} 
+        //     /> 
+        //     <Stack.Screen options={{
+        //         headerShown: false,
+        //         headerBackTitleVisible: false
+        //     }}
+        //         name={ROUTES.HOME} component={BottomTabNavigator} />
+        // </Stack.Navigator>
+        <Stack.Navigator
+            screenOptions={{
+                headerBackTitleVisible: false
+            }}
+            initialRouteName={ROUTES.LOGIN}
+        >
+            {isLoggedIn ? (
+                <Stack.Screen
+                    options={{
+                        headerShown: false
+                    }}
+                    name={ROUTES.HOME}
+                    component={BottomTabNavigator}
+                />
+            ) : (
+                <>
+                    <Stack.Screen
+                        options={{
+                            headerShown: false
+                        }}
+                        name={ROUTES.LOGIN}
+                        component={Login}
+                    />
+                    <Stack.Screen
+                        options={{
+                            headerShown: false,
+                            headerBackTitleVisible: false
+                        }}
+                        name={ROUTES.REGISTER}
+                        component={Register}
+                    />
+                    <Stack.Screen
+                        name={ROUTES.FORGOT_PASSWORD}
+                        component={ForgotPassword}
+                    />
+                     <Stack.Screen
+                    options={{
+                        headerShown: false
+                    }}
+                    name={ROUTES.HOME}
+                    component={BottomTabNavigator}
+                />
+                </>
+            )}
+        </Stack.Navigator>
+    );
+}
+
+export default AuthNavigator;
\ No newline at end of file

src/navigations/BottomTabNavigator.js

+import React from 'react';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import Home from '../screens/home/Home';
+import  Wallet  from '../screens/home/Wallet';
+import  Settings  from '../screens/home/Settings';
+import  WelcomeExercise  from '../screens/home/exercise/WelcomeExercise';
+// import  { Home, Wallet, Settings, WelcomeExercise}  from '../screens';
+import ExerciseNavigator from './ExerciseNavigator'
+import {COLORS, ROUTES} from '../constants';
+import Icon from 'react-native-vector-icons/Ionicons';
+import { StyleSheet } from 'react-native';
+import CustomTabBarButton from '../components/CustomTabBarButton';
+import CustomTabBar from '../components/CustomTabBar';
+import Logo from '../assets/icons/fitness1.svg';
+import Logo1 from '../assets/icons/fitness2.svg';
+import { Button, TextInput, View,SafeAreaView,KeyboardAvoidingView} from 'react-native';
+const Tab = createBottomTabNavigator();
+
+function BottomTabNavigator() {
+  return (
+    // <KeyboardAvoidingView>
+    <Tab.Navigator
+    tabBar={props => <CustomTabBar {...props} />}
+    screenOptions={({route}) =>({
+      tabBarHideOnKeyboard: true,
+      headerShown: false,
+      tabBarStyle: styles.tabBarStyle,
+      tabBarInactiveTintColor: COLORS.dark, 
+      tabBarActiveTintColor: COLORS.primary,
+      tabBarShowLabel:false,
+      tabBarIcon: ({color, size, focused}) =>
+      {
+        if (route.name === ROUTES.HOME_TAB) {
+          return focused ? <Icon name='home' size={22} color={color} /> :<Icon name='home-outline' size={22} color={color} />;
+         } else if (route.name === ROUTES.EXERCISE_HOME) {
+           return focused ? <Logo1 width={22} height={22} /> : <Logo width={22} height={22} /> ;
+         } else if (route.name === ROUTES.WALLET) {
+           return focused ? <Icon name='wallet' size={22} color={color} /> :<Icon name='wallet-outline' size={22} color={color} />;
+         } else if (route.name === ROUTES.SETTINGS) {
+           return focused ? <Icon name='notifications-sharp' size={22} color={color} /> :<Icon name='notifications-outline' size={22} color={color} />;
+         }
+      }
+    })}>
+      <Tab.Screen name={ROUTES.HOME_TAB} component={Home} 
+      options={{
+        tabBarButton: props => <CustomTabBarButton {...props} />,
+      }}
+      />
+      <Tab.Screen name={ROUTES.SETTINGS} component={Settings} 
+      options={{
+        tabBarButton: props => <CustomTabBarButton {...props} />,
+      }}/>
+      <Tab.Screen name={ROUTES.WALLET} component={Wallet} 
+      options={{
+        tabBarButton: props => <CustomTabBarButton {...props} />,
+      }}/>
+      <Tab.Screen options={{
+        headerShown: false,
+        headerBackTitleVisible: false,
+        tabBarButton: props => <CustomTabBarButton {...props} />,
+      }}
+       name={ROUTES.EXERCISE_HOME} component={ExerciseNavigator} />
+    </Tab.Navigator>
+    // </KeyboardAvoidingView>
+  );
+}
+
+export default BottomTabNavigator;
+
+const styles = StyleSheet.create({
+  tabBarStyle: {
+    position: 'absolute',
+    backgroundColor: 'rgba(255,255,255,0.1)',
+    borderTopWidth: 0,
+    borderColor: COLORS.white,
+    bottom: 5,
+    right: 10,
+    left: 10,
+    height: 58
+  },
+  mr7: {
+    color: COLORS.primary,
+    stroke: COLORS.primary,
+    fill: COLORS.primary
+  }
+})
\ No newline at end of file

src/navigations/ExerciseNavigator.js

+import React, { useState, useEffect, useCallback } from 'react';
+import { createStackNavigator } from '@react-navigation/stack';
+import { useFocusEffect } from '@react-navigation/native';
+import WelcomeExercise from '../screens/home/exercise/WelcomeExercise';
+import HealthFormExercise from '../screens/home/exercise/HealthFormExercise';
+import MainMenuExercise from '../screens/home/exercise/MainMenuExercise';
+import ExerciseView from '../screens/home/exercise/ExerciseView';
+import ExerciseActionView from '../screens/home/exercise/ExerciseActionView';
+import ExercisesProgress from '../screens/home/exercise/ExercisesProgress';
+import { COLORS, ROUTES } from "../constants";
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+const Stack = createStackNavigator();
+
+function ExerciseNavigator() {
+  const [isExerciseStatus, setIsExerciseStatus] = useState(false);
+
+  useEffect(() => {
+    // Initial check when component mounts
+    checkExerciseStatus();
+  }, []);
+
+  useFocusEffect(
+    useCallback(() => {
+      const checkStatus = async () => {
+        await checkExerciseStatus();
+      };
+
+      checkStatus();
+
+      return () => {
+        // Cleanup if necessary
+      };
+    }, [])
+  );
+
+  const checkExerciseStatus = async () => {
+    try {
+      let userData = await AsyncStorage.getItem('userData');
+      let userDataString = JSON.parse(userData);
+      console.log("dataawa", userDataString);
+      if (userDataString && userDataString.is_exercises_active) {
+        setIsExerciseStatus(true);
+      } else {
+        setIsExerciseStatus(false);
+      }
+    } catch (error) {
+      console.error('Error checking exercise status:', error);
+    }
+  };
+
+  return (
+    <Stack.Navigator
+      screenOptions={{
+        headerBackTitleVisible: false,
+        headerShown: false
+      }}
+      initialRouteName={isExerciseStatus ? ROUTES.EXERCISE_MAIN_MENU : ROUTES.EXERCISE_WELCOME}
+    >
+      {isExerciseStatus ? (
+        <>
+          <Stack.Screen name={ROUTES.EXERCISE_MAIN_MENU} component={MainMenuExercise} key="MainMenuExercise" />
+          <Stack.Screen name={ROUTES.EXERCISE_VIEW} component={ExerciseView} key="ExerciseView" />
+          <Stack.Screen name={ROUTES.EXERCISE_ACTION_VIEW} component={ExerciseActionView} key="ExerciseActionView" />
+          <Stack.Screen name={ROUTES.EXERCISE_PROGRESS} component={ExercisesProgress} key="ExercisesProgress" />
+        </>
+      ) : (
+        <>
+          <Stack.Screen name={ROUTES.EXERCISE_WELCOME} component={WelcomeExercise} key="ExerciseWelcome" />
+          <Stack.Screen name={ROUTES.EXERCISE_FORM} component={HealthFormExercise} key="ExerciseForm" />
+          <Stack.Screen name={ROUTES.EXERCISE_MAIN_MENU} component={MainMenuExercise} key="MainMenuExercise" />
+        </>
+      )}
+    </Stack.Navigator>
+  );
+}
+
+export default ExerciseNavigator;

src/screens/auth/ForgotPassword.js

+import {StyleSheet, Text, View} from 'react-native';
+import React from 'react';
+
+const ForgotPassword = () => {
+  return (
+    <View style={styles.container}>
+      <Text>ForgotPassword</Text>
+    </View>
+  );
+};
+export default ForgotPassword;
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});

src/screens/auth/Login.js

+import React from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  TextInput,
+  SafeAreaView,
+  TouchableOpacity,
+  KeyboardAvoidingView,
+  ScrollView,
+  ToastAndroid
+} from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import {COLORS, ROUTES} from '../../constants';
+import Logo from '../../assets/icons/mother.svg';
+import { Formik } from 'formik';
+import { signin } from '../../services/auth/index';
+
+
+const Login = (props) => {
+  const {navigation} = props;
+  const onSubmit = async (values) => {
+    console.log("dataset2")
+    let respond = await signin(values.email, values.password);
+    console.log("dataset3",respond.data)
+    if(respond.data){
+      if(respond.data.success === true){
+        console.log("dataset")
+        navigation.navigate(ROUTES.HOME)
+      }
+      else{
+        ToastAndroid.show('Email or password incorrect !', ToastAndroid.SHORT);
+      }
+    }
+    else{
+      ToastAndroid.show('Network Error !', ToastAndroid.SHORT);
+    }
+    
+} 
+  return (
+    <KeyboardAvoidingView style={{flex:1}}>
+    <ScrollView contentContainerStyle={{flex:1}} bounces={false}>
+      <View style={Styles.container}>
+        <View style={Styles.wFull}>
+        <Formik
+                initialValues={{ email: '' , password: ''}}
+                onSubmit={values => onSubmit(values)}
+            >
+                {({ handleChange, handleBlur, handleSubmit, values }) => (
+                  <>
+          <View style={Styles.row}>
+            <Logo width={55} height={55} style={Styles.mr7} />
+            <Text style={Styles.brandName}>EmidWife</Text>
+          </View>
+
+          <Text style={Styles.loginContinueTxt}>Login in to continue</Text>
+          <TextInput style={Styles.input} placeholder="Email"  onChangeText={handleChange('email')} value={values.email}/>
+          <TextInput style={Styles.input} placeholder="Password" onChangeText={handleChange('password')} value={values.password}/>
+
+          <View style={Styles.loginBtnWrapper}>
+            <LinearGradient
+              colors={[COLORS.gradientForm, COLORS.bgColor]}
+              style={Styles.linearGradient}
+              start={{y: 0.0, x: 0.0}}
+              end={{y: 1.0, x: 0.0}}>
+              {/******************** LOGIN BUTTON *********************/}
+              <TouchableOpacity activeOpacity={0.7} style={Styles.loginBtn}   onPress={handleSubmit}>
+                <Text style={Styles.loginText}>Log In</Text>
+              </TouchableOpacity>
+            </LinearGradient>
+          </View>
+
+          {/***************** FORGOT PASSWORD BUTTON *****************/}
+          <TouchableOpacity style={Styles.loginBtn}  onPress={() => navigation.navigate(ROUTES.FORGOT_PASSWORD)}>
+            <Text style={Styles.forgotPassText}>Forgot Password?</Text>
+          </TouchableOpacity>
+          </>
+          )}
+ </Formik>
+        </View>
+
+        <View style={Styles.footer}>
+          <Text style={Styles.footerText}> Don't have an account? </Text>
+          {/******************** REGISTER BUTTON *********************/}
+          <TouchableOpacity onPress={() => navigation.navigate(ROUTES.REGISTER)}>
+            <Text style={Styles.signupBtn}>Sign Up</Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+    </ScrollView>
+    </KeyboardAvoidingView>
+  );
+};
+export default Login;
+const Styles = StyleSheet.create({
+  main: {
+    flex: 1,
+    // justifyContent: 'center',
+    // alignItems: 'center',
+    // padding: 16,
+  },
+  container: {
+    padding: 15,
+    width: '100%',
+    position: 'relative',
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  brandName: {
+    fontSize: 42,
+    textAlign: 'center',
+    fontWeight: 'bold',
+    color: COLORS.gray,
+    opacity: 0.9,
+  },
+  loginContinueTxt: {
+    fontSize: 18,
+    textAlign: 'center',
+    color: COLORS.gray,
+    marginBottom: 16,
+    fontWeight: 'bold',
+    
+  },
+  input: {
+    borderWidth: 1,
+    borderColor: COLORS.grayLight,
+    padding: 15,
+    marginVertical: 10,
+    borderRadius: 12,
+    height: 45,
+    paddingVertical: 0,
+    color: "black"
+  },
+  // Login Btn Styles
+  loginBtnWrapper: {
+    height: 55,
+    marginTop: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.4,
+    shadowRadius: 3,
+    elevation: 5,
+  },
+  linearGradient: {
+    width: '100%',
+    borderRadius: 50,
+  },
+  loginBtn: {
+    textAlign: 'center',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    height: 55,
+  },
+  loginText: {
+    color: COLORS.white,
+    fontSize: 16,
+    fontWeight: '400',
+  },
+  forgotPassText: {
+    color: COLORS.primary,
+    textAlign: 'center',
+    fontWeight: 'bold',
+    marginTop: 15,
+  },
+  // footer
+  footer: {
+    position: 'absolute',
+    bottom: 20,
+    textAlign: 'center',
+    flexDirection: 'row',
+  },
+  footerText: {
+    color: COLORS.gray,
+    fontWeight: 'bold',
+  },
+  signupBtn: {
+    color: COLORS.primary,
+    fontWeight: 'bold',
+  },
+  // utils
+  wFull: {
+    width: '100%',
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: 20,
+  },
+  mr7: {
+    marginRight: 0,
+  },
+});

src/screens/auth/Register.js

+import React from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  TextInput,
+  SafeAreaView,
+  TouchableOpacity,
+  KeyboardAvoidingView,
+  ScrollView,
+  ToastAndroid
+} from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import { COLORS, ROUTES } from '../../constants';
+import Logo from '../../assets/icons/mother.svg';
+import { Formik } from 'formik';
+import { signup } from '../../services/auth/index'; 
+
+const Register = ({ navigation }) => {
+  const onSubmit = async (values) => {
+    let respond = await signup(values.name, values.password, values.email, values.age, values.week);
+    console.log("dataset3",respond.data)
+    if(respond.data.success === true){
+      console.log("dataset")
+      navigation.navigate(ROUTES.HOME)
+      ToastAndroid.show('Login success', ToastAndroid.SHORT);
+    }
+    else{
+      ToastAndroid.show('Network or details not clear !', ToastAndroid.SHORT);
+    }
+  };
+
+  return (
+    <KeyboardAvoidingView style={{ flex: 1 }}>
+      <ScrollView contentContainerStyle={{ flexGrow: 1 }} bounces={false}>
+        <View style={styles.container}>
+          <View style={styles.wFull}>
+            <Formik
+              initialValues={{ email: '', password: '', name: '', age: '', week: '' }}
+              onSubmit={values => onSubmit(values)}
+            >
+              {({ handleChange, handleBlur, handleSubmit, values }) => (
+                <>
+                  <View style={styles.row}>
+                    <Logo width={55} height={55} style={styles.mr7} />
+                    <Text style={styles.brandName}>EmidWife</Text>
+                  </View>
+
+                  <Text style={styles.loginContinueTxt}>Register to continue</Text>
+                  <TextInput style={styles.input} placeholder="Name" onChangeText={handleChange('name')} value={values.name} />
+                  <TextInput style={styles.input} placeholder="Email" onChangeText={handleChange('email')} value={values.email} />
+                  <TextInput style={styles.input} placeholder="Password" onChangeText={handleChange('password')} value={values.password} />
+                  <TextInput style={styles.input} placeholder="Age" onChangeText={handleChange('age')} value={values.age} />
+                  <TextInput style={styles.input} placeholder="Week" onChangeText={handleChange('week')} value={values.week} />
+
+                  <View style={styles.loginBtnWrapper}>
+                    <LinearGradient
+                       colors={[COLORS.gradientForm, COLORS.bgColor]}
+                      style={styles.linearGradient}
+                      start={{ y: 0.0, x: 0.0 }}
+                      end={{ y: 1.0, x: 0.0 }}>
+                      <TouchableOpacity activeOpacity={0.7} style={styles.loginBtn} onPress={handleSubmit}>
+                        <Text style={styles.loginText}>Sign Up</Text>
+                      </TouchableOpacity>
+                    </LinearGradient>
+                  </View>
+                </>
+              )}
+            </Formik>
+          </View>
+
+          <View style={styles.footer}>
+            <Text style={styles.footerText}>Already have an account? </Text>
+            <TouchableOpacity onPress={() => navigation.navigate(ROUTES.LOGIN)}>
+              <Text style={styles.signupBtn}>Log In</Text>
+            </TouchableOpacity>
+          </View>
+        </View>
+      </ScrollView>
+    </KeyboardAvoidingView>
+  );
+};
+
+export default Register;
+
+const styles = StyleSheet.create({
+  container: {
+    padding: 15,
+    width: '100%',
+    position: 'relative',
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  brandName: {
+    fontSize: 42,
+    textAlign: 'center',
+    fontWeight: 'bold',
+    color: COLORS.gray,
+    opacity: 0.9,
+  },
+  loginContinueTxt: {
+    fontSize: 18,
+    textAlign: 'center',
+    color: COLORS.gray,
+    marginBottom: 16,
+    fontWeight: 'bold',
+  },
+  input: {
+    borderWidth: 1,
+    borderColor: COLORS.grayLight,
+    padding: 15,
+    marginVertical: 10,
+    borderRadius: 12,
+    height: 45,
+    paddingVertical: 0,
+  },
+  // Login Btn Styles
+  loginBtnWrapper: {
+    height: 55,
+    marginTop: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.4,
+    shadowRadius: 3,
+    elevation: 5,
+  },
+  linearGradient: {
+    width: '100%',
+    borderRadius: 50,
+  },
+  loginBtn: {
+    textAlign: 'center',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    height: 55,
+  },
+  loginText: {
+    color: COLORS.white,
+    fontSize: 16,
+    fontWeight: '400',
+  },
+  // footer
+  footer: {
+    position: 'absolute',
+    bottom: 20,
+    textAlign: 'center',
+    flexDirection: 'row',
+  },
+  footerText: {
+    color: COLORS.gray,
+    fontWeight: 'bold',
+  },
+  signupBtn: {
+    color: COLORS.primary,
+    fontWeight: 'bold',
+  },
+  // utils
+  wFull: {
+    width: '100%',
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: 20,
+  },
+  mr7: {
+    marginRight: 3,
+  },
+});

src/screens/home/Home.js

+import React from 'react';
+import { SafeAreaView, StyleSheet, Text, View } from 'react-native';
+
+const Home = () => {
+    return (
+        <View>
+            <Text>Register</Text>
+        </View>
+    );
+};
+export default Home;

src/screens/home/Settings.js

+import React from 'react';
+import {StyleSheet, Text, SafeAreaView, TouchableOpacity} from 'react-native';
+import {COLORS, ROUTES} from '../../constants';
+
+const Settings = (props) => {
+  const { navigation } = props;
+  return (
+    <SafeAreaView>
+      <Text>Settings</Text>
+    </SafeAreaView>
+  );
+};
+
+export default Settings;

src/screens/home/Wallet.js

+import {StyleSheet, Text, View} from 'react-native';
+import React from 'react';
+import {COLORS} from '../../constants';
+
+const Wallet = () => {
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: COLORS.bgColor,
+      }}>
+      <Text>Wallet!</Text>
+    </View>
+  );
+};
+
+export default Wallet;
\ No newline at end of file

src/screens/home/exercise/ExerciseView.js

+import React, { useState, useRef } from 'react';
+import {
+    FlatList,
+    SafeAreaView,
+    StatusBar,
+    StyleSheet,
+    Text,
+    TouchableOpacity,
+    Image,
+    View,
+    ScrollView
+} from 'react-native';
+import { COLORS, ROUTES, IMGS } from '../../../constants';
+import Button from '../../../components/Button';
+import TimeLogo from '../../../assets/icons/time.svg';
+import RoundLogo from '../../../assets/icons/rounds.svg';
+import WatchLogo from '../../../assets/icons/watch.svg';
+
+const ExerciseView = (props) => {
+    // const { navigation } = props;
+    // const { data } = navigation.params;
+    const { route,navigation } = props;
+    const { data } = route.params;
+    const [selectedData, setSelectedData] = useState(data);
+   
+    // navigation.navigate(ROUTES.EXERCISE_ACTION_VIEW, { data: selectedData });
+    console.log("data", data)
+    return (
+        <>
+            <Text style={styles.topTextMain}>Exercise Details</Text>
+            <View style={styles.tileContainer}>
+                <Image
+                    source={{ uri: data.exercise_img_url }}
+                    style={{ width: "80%", 
+                    height: 250, 
+                    marginLeft: "10%", 
+                    borderRadius: 15, 
+                    borderWidth: 1,
+                    borderColor: "#d0c6c6",
+                    marginTop: 15
+                }}
+                />
+                <Text style={styles.topTextSecond}>Details</Text>
+                <View style={styles.exerciseDetailsView}>
+                    <Text>{selectedData.description}</Text>
+                </View>
+                <Text style={styles.topTextSecond}>Activity</Text>
+               
+                <View style={styles.mainActivityView}>
+                    <View style={styles.secondActivityView}>
+                        <TimeLogo width={20} height={20} />
+                        <Text> {(selectedData.duration * selectedData.cycles) / 60} min</Text>
+                    </View>
+                    <View style={styles.secondActivityView}>
+                        <RoundLogo width={20} height={20} />
+                        <Text> {selectedData.rounds} Rounds</Text>
+                    </View>
+                    <View style={styles.secondActivityView}>
+                        <WatchLogo width={20} height={20} />
+                    </View>
+                </View>
+                <Button
+                        title="Start"
+                        style={{
+                            marginTop: 12,
+                            width: "70%",
+                            marginLeft: "15%"
+                        }}
+                        color ="#ADD8E6"
+                        filled = {true}
+                        onPress={() => navigation.navigate(ROUTES.EXERCISE_ACTION_VIEW, { data: selectedData })}
+                    />
+            </View>
+        </>
+    )
+}
+const styles = StyleSheet.create({
+    topTextMain: {
+        marginTop: 15,
+        fontSize: 18,
+        fontWeight: 'bold',
+        marginLeft: 15
+    },
+    topTextSecond: {
+        marginTop: 15,
+        fontSize: 14,
+        fontWeight: 'bold',
+        marginLeft: 20
+    },
+    tileContainer: {
+        width: "90%",
+        height: 600,
+        marginRight: 20,
+        marginLeft: "5%",
+        marginTop: 10,
+        borderRadius: 15,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 2,
+            height: 2,
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 3.84,
+        elevation: 5,
+        backgroundColor: COLORS.white,
+    },
+    exerciseDetailsView: {
+        marginLeft: 20,
+        height: 100,
+        width: "85%",
+        textAlign: "left"
+    },
+    mainActivityView:{
+        display: "flex",
+        flexDirection: "row",
+        marginLeft: 20,
+        marginTop: 10,
+        marginBottom: 10
+    },
+    secondActivityView: {
+        flexDirection: 'row', // Align children in a row
+        alignItems: 'center', // Center children vertically in the container
+        justifyContent: 'center', // Center children horizontally in the container
+        paddingHorizontal: 10, // Add some padding around the content
+        paddingVertical: 5, 
+        backgroundColor: "#ADD8E6",
+        marginRight: 10,
+        borderRadius: 15
+    }
+});
+
+export default ExerciseView;
\ No newline at end of file

src/screens/home/exercise/ExercisesProgress.js

+import React from 'react'
+import {
+    FlatList,
+    SafeAreaView,
+    StatusBar,
+    StyleSheet,
+    Text,
+    TouchableOpacity,
+    Image,
+    View,
+    ScrollView,
+    Button
+} from 'react-native';
+import Logo from '../../../assets/icons/progress.svg';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+
+const ExercisesProgress = (props) => {
+    return (
+        <SafeAreaView style={styles.container}>
+            <View style={styles.secondContainer} >
+                <Text style={styles.topTextMain}>ExercisesProgress</Text>
+            </View>
+            <View style={styles.thirdContainer}>
+                <Text>No data found</Text>
+            </View>
+        </SafeAreaView>
+    )
+}
+const styles = StyleSheet.create({
+    container: {
+        display: "flex",
+        flexDirection: "column",
+        // marginTop: StatusBar.currentHeight || 0,
+        paddingBottom: 20,
+        marginBottom: 10,
+        backgroundColor: "#FDFCF6",
+        height: "100%"
+    },
+    secondContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        paddingHorizontal: 10,
+    },
+    topTextMain: {
+        marginTop: 15,
+        fontSize: 15,
+        fontWeight: 'bold',
+        marginLeft: 10,
+        color: "black"
+    },
+    thirdContainer: {
+        alignItems: "center",
+        textAlign: "center",
+        height: "30%",
+        marginTop: "20%"
+    }
+})
+export default ExercisesProgress
\ No newline at end of file