Step 1: Create Frontend Tier

This tier is in charge of displaying information to the user and managing user interactions. It encompasses various user interfaces such as web browsers, mobile apps, or desktop applications.

My Frontend Tier consists:

• frontend: Contains the static files for the frontend
• frontend-nginx: Contains the Dockerfile and configuration for serving the frontend using Nginx

Step 2: Create Backend Tier

This tier encapsulates the core functionality of the application, including processing user requests, executing calculations, and communicating with the data storage layer. It may involve application servers, APIs, and microservices.

I have created the Backend using Node.js.

Step 3: Create Database Tier

This tier is responsible for storing and organizing the data that the application uses. It can utilize a relational database, NoSQL database, file system, or any other data storage mechanism.

I have used MySQL for my Database Management System.

Step 1: Create Dockerfile for Frontend

frontend-nginx -> Dockerfile:

frontend -> nginx-conf:

Step 2: Create Dockerfile for Backend

Dockerfile:

Step 3: Create Dockerfile for MySQL Database

Dockerfile:

Create Docker-Compose for the Application

docker-compose.yml:

Run the following command in the terminal:

    docker-compose up --build
        

    docker ps
        

Docker Desktop:

1. Frontend:

2. Backend:

Run the following command in terminal:

    docker exec -t container_id mysql -u name_of_user -p
        

Manupulate the database:

Run the following commands in terminal:

    docker tag SOURCE_IMAGE TARGET_IMAGE[:TAG]
        

    docker push TARGET_IMAGE[:TAG]
        

Step 1: Tag and Push Frontend Image

Tag and Push:

Image:

View Image on Docker-Hub:

Frontend-Image-URL

Step 2: Tag and Push Backend Image

Tag and Push:

Image:

View Image on Docker-Hub:

Backend-Image-URL

Step 3: Tag and Push Database Image

Tag and Push:

Image:

View Image on Docker-Hub:

Database-Image-URL