# ProjectOctopus **Repository Path**: lensa_ai/project_octopus_app ## Basic Information - **Project Name**: ProjectOctopus - **Description**: 运营方向的ai产品APP - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-10-20 - **Last Updated**: 2025-11-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Project Octopus - ChatGPT Mobile App > A React Native chat application with OpenAI GPT integration This is a chat application built with React Native and Expo that integrates with OpenAI's GPT-3.5-turbo API to provide conversational AI capabilities. - [Quick start documentation](https://github.com/infinitered/ignite/blob/master/docs/boilerplate/Boilerplate.md) - [Full documentation](https://github.com/infinitered/ignite/blob/master/docs/README.md) ## Features - 🤖 **AI Chat Interface**: Real-time conversation with OpenAI's GPT-3.5-turbo - 💬 **Modern UI**: Clean, responsive chat interface with message bubbles - 📱 **Cross-platform**: Works on iOS and Android - ⌨️ **Keyboard Support**: Proper keyboard handling and auto-scroll - 🎨 **Themed**: Supports light and dark themes - 🔄 **Loading States**: Visual feedback during API requests ## Setup Instructions ### 1. Install Dependencies ```bash pnpm install ``` ### 2. Configure API Key Before running the app, you need to update the OpenAI API key: 1. Open `src/services/api/index.ts` 2. Replace `"hk-替换为你的key"` with your actual API key: ```typescript Authorization: "Bearer your-actual-api-key-here", ``` ### 3. Start the Development Server ```bash pnpm run start ``` To make things work on your local simulator, or on your phone, you need first to [run `eas build`](https://github.com/infinitered/ignite/blob/master/docs/expo/EAS.md). We have many shortcuts on `package.json` to make it easier: ```bash pnpm run build:ios:sim # build for ios simulator pnpm run build:ios:device # build for ios device pnpm run build:ios:prod # build for ios device ``` ### `./assets` directory This directory is designed to organize and store various assets, making it easy for you to manage and use them in your application. The assets are further categorized into subdirectories, including `icons` and `images`: ```tree assets ├── icons └── images ``` **icons** This is where your icon assets will live. These icons can be used for buttons, navigation elements, or any other UI components. The recommended format for icons is PNG, but other formats can be used as well. Ignite comes with a built-in `Icon` component. You can find detailed usage instructions in the [docs](https://github.com/infinitered/ignite/blob/master/docs/boilerplate/app/components/Icon.md). **images** This is where your images will live, such as background images, logos, or any other graphics. You can use various formats such as PNG, JPEG, or GIF for your images. Another valuable built-in component within Ignite is the `AutoImage` component. You can find detailed usage instructions in the [docs](https://github.com/infinitered/ignite/blob/master/docs/Components-AutoImage.md). How to use your `icon` or `image` assets: ```typescript import { Image } from 'react-native'; const MyComponent = () => { return ( ); }; ``` ## Running Maestro end-to-end tests Follow our [Maestro Setup](https://ignitecookbook.com/docs/recipes/MaestroSetup) recipe. ## Next Steps ### Ignite Cookbook [Ignite Cookbook](https://ignitecookbook.com/) is an easy way for developers to browse and share code snippets (or “recipes”) that actually work. ### Upgrade Ignite boilerplate Read our [Upgrade Guide](https://ignitecookbook.com/docs/recipes/UpdatingIgnite) to learn how to upgrade your Ignite project. ## Community ⭐️ Help us out by [starring on GitHub](https://github.com/infinitered/ignite), filing bug reports in [issues](https://github.com/infinitered/ignite/issues) or [ask questions](https://github.com/infinitered/ignite/discussions). 💬 Join us on [Slack](https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1f137np4h-zPTq_CbaRFUOR_glUFs2UA) to discuss. 📰 Make our Editor-in-chief happy by [reading the React Native Newsletter](https://reactnativenewsletter.com/).