I have created a React and Spring AI project where users can:
- Ask questions to OpenAI and receive responses.
- Generate images using OpenAI's image generation model.
- Create food recipes based on a list of ingredients.
- Transcribe Audio to English text using OpenAI Audio Transcription Model based on mp3 file uploaded.
This project leverages OpenAI APIs and follows a Microservice & Microfrontend architecture using Spring Boot (Spring AI) and React.
- 🧠 AI-Powered Chat: Users can ask questions and get responses from OpenAI.
- 🎨 Image Generation: Users can generate images based on text prompts.
- 🍽️ Recipe Generator: Users can input ingredients, and the AI suggests recipes.
- 🔊 Audio Transcriber: User can upload Mp3 File, and the AI will transcribe audio file to text.
- 🔗 Microservices & Microfrontend: Uses independent services for scalability and flexibility.
- 🌟 Custom Prompt Templates: Uses
PromptTemplate
to format responses as required.
- Spring Boot for backend services.
- Spring AI for seamless integration with OpenAI.
- OpenAI APIs used:
ChatModel
OpenAiImageModel
OpenAiImageOptions
OpenAiAudioTranscriptionModel
OpenAiAudioTranscriptionOptions
PromptTemplate
- Microservices architecture for modular development.
- React.js for a dynamic UI.
- Microfrontend Strategy for scalable front-end modules.
- REST API Integration to interact with Spring Boot services.
- Open the React application in a browser.
- Choose one of the AI services:
- Ask a Question: Enter your query and get a response from OpenAI.
- Generate Image: Provide a description, and OpenAI will create an image.
- Create Recipe: Enter ingredients, and OpenAI will generate a recipe.
- Audio Transcriber: Upload Mp3 File, and OpenAI will generate a text.
- Enjoy AI-powered interactions!