A simple React Native chatbot powered by Google's Generative AI (Gemini 1.5 Flash) API. This app allows users to chat with an AI assistant in real-time with a clean and responsive UI.
- 💬 Real-time AI chat powered by Google's Generative AI.
- 📄 Markdown support in AI responses.
- ⏳ Loading indicator during AI processing.
- 🎨 User-friendly UI with clear message distinction.
- React Native
- Google Generative AI API
- react-native-markdown-display
- TypeScript
-
Clone the repository:
git clone https://github.com/your-username/ai-chatbot-app.git cd ai-chatbot-app
-
Install dependencies:
npm install # or yarn install
-
Set up environment variables: Create a
.env
file in the project root and add your Google API key:API_KEY=your_google_api_key_here
-
Run the app:
npx react-native run-android # For Android 🤖 npx react-native run-ios # For iOS 🍎
- Type a message in the input field.
- Press the send button or hit enter.
- The AI will respond in real-time.
├── App.tsx # 🚀 Main application logic
├── package.json # 📦 Project dependencies
├── .env # 🔐 Environment variables
└── assets/ # 🖼️ App assets (images, icons)
react-native
react-native-markdown-display
@google/generative-ai
@env
For questions or feedback, feel free to reach out:
- GitHub: sai-zack-dev
- Email: saizlinh@gmail.com