Pet-Pix Pet Adoption React Native Expo App | Free Figma | iOS | Android

Here is an example of complete settings for Pet-Pix Pet Adoption React Native Expo App:

App Key

In the android/app/src/main/AndroidManifest.xml file, add the following code:

<application...>
 ...
  <meta-data
    android:name="com.google.gms.appid"
    android:value="YOUR_APP_ID" />
 ...
</application>

In the ios/PetPix/Info.plist file, add the following code:

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLName</key>
    <string>YOUR_APP_NAME</string>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>fb.YOUR_APP_ID</string>
    </array>
  </dict>
</array>

Facebook App ID

In the android/app/src/main/res/values/strings.xml file, add the following code:

<string name="fb_app_id">YOUR_FACEBOOK_APP_ID</string>

In the ios/PetPix/Supporting Files/LaunchScreen.storyboard, add the following code:

FBSettings.shared().appID = "YOUR_FACEBOOK_APP_ID"

Google Services

In the android/app/src/main/AndroidManifest.xml file, add the following code:

<application...>
 ...
  <meta-data
    android:name="com.google.android.gms.maps.v2.API_KEY"
    android:value="YOUR_GOOGLE_MAPS_API_KEY" />
 ...
</application>

In the ios/PetPix/Info.plist file, add the following code:

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLName</key>
    <string>YOUR_GOOGLE_MAPS_API_KEY</string>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>com.google.android.gms.maps.v2.API_KEY</string>
    </array>
  </dict>
</array>

FCM

In the android/app/src/main/AndroidManifest.xml file, add the following code:

<application...>
 ...
  <meta-data
    android:name="firebase_messaging_auto_init_enabled"
    android:value="true" />
 ...
</application>

In the ios/PetPix/Info.plist file, add the following code:

<key>FCM_AUTO_INIT_ENABLED</key>
<true/>

Configuring Firebase Firestore

In the android/app/src/main/java/com/petpix/PetPixMainApplication.java file, add the following code:

import android.app.Application;
import io.firebase.firestore.FirebaseFirestoreSettings;

public class PetPixMainApplication extends Application {

  @Override
  public void onCreate() {
    super.onCreate();
    FirebaseFirestoreSettings settings = new FirebaseFirestoreSettings.Builder()
       .setPersistenceEnabled(true)
       .build();
    FirebaseFirestore.getInstance().setFirestoreSettings(settings);
  }
}

Configuring Firebase Authentication

In the android/app/src/main/java/com/petpix/PetPixMainApplication.java file, add the following code:

import android.app.Application;
import com.google.firebase.auth.FirebaseAuth;

public class PetPixMainApplication extends Application {

  @Override
  public void onCreate() {
    super.onCreate();
    FirebaseAuth.getInstance();
  }
}

Note that you should replace YOUR_APP_ID, YOUR_FACEBOOK_APP_ID, YOUR_GOOGLE_MAPS_API_KEY and other placeholders with your actual app credentials and settings.

Here are the features of the Pet-Pix Pet Adoption React Native Expo App extracted from the content:

1. Free Figma Design File: Access a complimentary Figma design file to easily customize and adapt the app's UI to your branding needs.
2. Expo Template: Built with Expo, enabling effortless development, testing, and deployment across both iOS and Android platforms.
3. Pet Listings: Create and manage detailed listings for available pets with descriptions, images, and adoption statuses.
4. Adoption Application: Allow users to submit adoption applications directly through the app with an easy-to-use form.
5. Pet Profiles: Provide comprehensive profiles for each pet, including health information, behavior notes, and adoption history.
6. Search and Filters: Enable users to search for pets based on various criteria such as species, breed, age, and location.
7. Favorites: Allow users to save their favorite pets and access them easily for future reference.
8. Notifications: Keep users informed with push notifications for new pet listings, application updates, and adoption events.
9. Community Engagement: Integrate features for users to share pet profiles on social media and engage with the community.
10. Android and iOS Support: Seamless support for both Android and iOS platforms, ensuring a consistent experience for all users.

Note that the app screenshots and installation guide are also included in the content, but they are not typically considered "features" in the classical sense.