React Native AI Image Generator with DALL-E and ChatGPT đŧī¸ đą
This is a mobile version of the Image Generation Next.js app built with React Native, TypeScript, and NativeWind (Tailwind CSS) for styling. The app allows users to generate images based on text prompts, with suggestions provided by OpenAI’s ChatGPT 3.5 API and images generated using OpenAI’s DALL-E API. The back end is hosted on Azure Functions, and images are stored in Azure Storage.
Features đ
- Generate images using text prompts powered by DALL-E
đ¨ - Get text prompt suggestion immediately generated by ChatGPT 3.5
đĄ - Swipe up to refresh images
âŗ - Image overlay with name on long-press
đˇī¸
Technologies đģ
- React Native with Expo
- TypeScript
- NativeWind (Tailwind CSS) for styling
- OpenAI’s ChatGPT 3.5 API for prompt suggestions
- OpenAI’s DALL-E API for image generation
- Recoil for global state management
- Azure Functions for back-end hosting
- Azure Storage for storing images
Getting Started đ
-
Make sure you have the back-end set up, this includes the Azure Functions and Storages from the main Next.js project.
-
Clone this repository.
-
Install the required dependencies by running
npm install. -
Create a
.envfile in the project root and configure the required environment variables:
REMOTE_HOST= // This should be your Azure remote host url
API_GET_IMAGES= // getImages API endpoint, e.g. /api/getImages
API_GET_SUGGESTIONS= // getChatGPTSuggestion API endpoint
API_GENERATE_IMAGE= // generateImage API endpoint
-
Run the app on your preferred platform (iOS or Android) using
npx expo run:iosornpx expo run:android. -
Enjoy generating and exploring images based on your text prompts!
đ
Additional Information âšī¸
- The back-end part of this project can be found in the Image Generation Next.js repository.
- The app is designed to work with the back end hosted on Azure Functions and images stored in Azure Storage.
- The project is a creative and user-friendly application that offers suggestions and generates images based on user input.