Skip to content

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

Open
@vikasrajputin

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

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions