Proposal for adding sample demonstrating AI integration with Spring Boot application with React as Frontend #710

Open
opened 2026-03-07 21:22:26 -06:00 by GiteaMirror · 3 comments
Owner

Originally created by @vikasrajputin on GitHub (Sep 18, 2024).

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: https://github.com/docker/awesome-compose/pull/516

Originally created by @vikasrajputin on GitHub (Sep 18, 2024). 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: ```plaintext 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: https://github.com/docker/awesome-compose/pull/516
Author
Owner

@vikasrajputin commented on GitHub (Sep 18, 2024):

Hey @glours @fezzopro

Sorry to ping you, but I wanted to get some quick feedback on this proposal and the PR submitted by me.

@vikasrajputin commented on GitHub (Sep 18, 2024): Hey @glours @fezzopro Sorry to ping you, but I wanted to get some quick feedback on this proposal and the PR submitted by me.
Author
Owner

@AleX-dev-href commented on GitHub (Jul 19, 2025):

Very nice work :D

@AleX-dev-href commented on GitHub (Jul 19, 2025): Very nice work :D
Author
Owner

@AleX-dev-href commented on GitHub (Jul 19, 2025):

I whish i would be as good as you

@AleX-dev-href commented on GitHub (Jul 19, 2025): I whish i would be as good as you
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/awesome-compose#710