Proposal for adding sample demonstrating AI integration with Spring Boot application with React as Frontend #520
Description
I would like to request to add a demo project demonstrating how to use a Spring AI projects with React frontend using docker compose.
Since, most of the modern Java apps are already using Spring Boot application so they will be looking for a quick solution to integrate AI into there product, adding this example in awesome-compose would give a great benefit for millions of application running on spring framework.
Below, I've already shared a PR:
Here’s a detailed description for the pull request (PR) based on your project:
PR Title: Integrating AI with Spring Boot and OpenAI in Awesome Compose
Description:
This PR adds a demo project to the Awesome Compose repository, demonstrating how to integrate AI in a Spring Boot application using OpenAI's APIs through Spring AI. The project includes both frontend and backend components, showcasing a complete stack architecture. The demo guides users through building a simple application that utilizes AI capabilities.
Key Highlights:
- Backend: A Spring Boot application that communicates with OpenAI using the Spring AI library.
- Frontend: A React-based user interface to interact with the AI chatbot, showcasing the integration of the backend services.
- Docker Compose: A compose file to set up both the frontend and backend applications seamlessly, allowing users to run the demo with ease.
Project Structure:
The project is organized as follows:
spring-ai-react-chatbot/
├── backend/ # Contains the Spring Boot application
│ ├── Dockerfile # Dockerfile to containerize the backend
│ ├── pom.xml # Maven configuration for dependencies
│ └── src/ # Java source code
│ ├── main/
│ │ ├── java/
│ │ └── resources/ # Application properties and other resources
├── frontend/ # Contains the React frontend application
│ ├── Dockerfile # Dockerfile to containerize the frontend
│ ├── package.json # Node.js package dependencies
│ └── src/ # React source code
│ ├── components/
│ └── App.js # Main application entry point
├── compose.yaml # Docker Compose file to manage the whole stack
└── README.md # Project overview and setup instructions
This demo aims to showcase how easily AI integration can be done with Spring Boot and React using OpenAI's API, and how Docker Compose can streamline the development process for a full-stack application.
Proposed PR Link: #516