Gladiator

Gladiator is an open-source chatbot app powered by GROQ API. It allows you to create personalized profiles for characters or personas, offering engaging AI-driven interactions. With smooth animations, a modern interface, and fast responses, Gladiator delivers a premium chatbot experience.

---

Features 🚀

• Customizable Profiles: Define the "About Me" of any character for authentic AI-driven conversations.
• Theming: Seamlessly switch between light and dark modes.
• Native Animations: Enjoy smooth, responsive animations for an immersive experience.
• Native iOS Components: Built using native elements for enhanced performance and aesthetics.
• Blazingly Fast Responses: Instant and context-aware replies powered by GROQ API.
• Firebase and Google Authentication: Secure user authentication powered by Firebase and Google Sign-In. Learn more
• Firestore Integration: Store user profiles and app data securely using Firebase Firestore. Learn more
• Open Source: Modify and adapt Gladiator to fit your specific needs.

---

Screenshots 📸

---

Setup Guide: React Native with Firebase 🔧

Follow these steps to integrate Firebase, Firestore, and Google Authentication into your React Native project.

1. Install Dependencies

Run the following commands:

npm install @react-native-firebase/app @react-native-firebase/auth @react-native-firebase/firestore @react-native-google-signin/google-signin

React Native Firebase Documentation

2. Set Up Firebase Project

1. Visit the Firebase Console and create a new project.
2. Add your app by selecting "Add App" and choosing iOS or Android.
3. Download theGoogleService-Info.plist (for iOS). Detailed Setup Guide

3. Configure Firebase in Your Project

1. Place the downloaded configuration files in the respective platform directories:
   • GoogleService-Info.plist → ios/
2. Inside Podfile add these lines of code:

  pod 'Firebase', :modular_headers => true
  pod 'FirebaseCoreInternal', :modular_headers => true
  pod 'GoogleUtilities', :modular_headers => true
  pod 'FirebaseCore', :modular_headers => true

  use_frameworks! :linkage => :static
  $RNFirebaseAsStaticFramework = true

4. Set Up Firebase Authentication

Enable authentication providers (e.g., Google, Email/Password) in the Firebase Console under Authentication.

Google Sign-In inside SignUp.tsx & Login.tsx

import auth from "@react-native-firebase/auth";
import { GoogleSignin } from "@react-native-google-signin/google-signin";

GoogleSignin.configure({
  webClientId: "YOUR_WEB_CLIENT_ID.apps.googleusercontent.com",
});

const googleLogin = async () => {
  const { idToken } = await GoogleSignin.signIn();
  const googleCredential = auth.GoogleAuthProvider.credential(idToken);
  return auth().signInWithCredential(googleCredential);
};

Firebase Authentication Documentation
Google Sign-In Setup

Important

5. Set Up ImgBB

• Initialize ImgBB in your project:

• Get a free API key from ImgBB.

• Firestore Documentation

---

Installation 🛠

1. Clone the repository:

   git clone https://github.com/rit3zh/Gladiator

2. Navigate to the project directory:

   cd Gladiator

3. Install dependencies:

   npm install

4. Navigate to the iOS directory and install required pods:

   cd ios && pod install

5. Run the app:

   npm run ios

---

Caution

The UI is not compatible with expo go app. You have to prebuild your expo app.

⭐ Consider leaving a Star if you like this repository! ⭐