DockerReactAndSpringbootNginxApp

This repository contains the code and instructions for setting up a learning project based on the Codeching YouTube videos. The project combines Docker, React, Spring Boot, and Nginx to create a full-stack web application.

Prerequisites

Before getting started, make sure you have the following installed:

• Docker Desktop For Windows or Docker
• Node.js
• Java Development Kit (JDK)
• Maven

Setup Instructions

Follow the steps below to set up the project:

1. Clone the repository:

   git clone https://github.com/calebjeffery/DockerReactAndSpringbootNginxApp.git

2. Change into the project directory:

   cd DockerReactAndSpringbootNginxApp

3. Build the React frontend:

   cd springbootreact
   npm install
   npm run build

4. Build the Spring Boot backend:

   cd ../springtest
   mvn clean install

5. Build the Docker images and start the containers:

   cd ..
   docker-compose -f .\docker-compose.yaml up --build

   This command will build and run the Docker containers for the frontend, backend, and Nginx.

6. Once the containers are up and running, you can access the application in your web browser at http://localhost:3000.

Resources

• Codeching YouTube Videos:
  • How to develop a Spring Boot Java application in VS Code step by step tutorial
  • How to dockerize a Spring Boot application | Creating REST API with Jersey and JAX-Rs | Step by step
  • How to use Docker to dockerize a Spring Boot application, React app, NginX proxy | Docker Compose

License

This project is licensed under the MIT License.