{"id":35537,"date":"2023-05-22T11:37:18","date_gmt":"2023-05-22T11:37:18","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=35537"},"modified":"2025-07-12T05:40:13","modified_gmt":"2025-07-12T05:40:13","slug":"docker-and-kubernetes-demo-project","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/docker-and-kubernetes-demo-project\/","title":{"rendered":"Docker and Kubernetes Demo Project"},"content":{"rendered":"\n

Here’s a step-by-step guide to creating a simple project with a web server and app server using Docker and Kubernetes on Ubuntu, ensuring that the Docker image is accessible from Kubernetes without any errors:<\/p>\n\n\n\n

Step 1<\/strong><\/p>\n\n\n\n

1. Create a new directory for your project:<\/p>\n\n\n

mkdir web-app-project\ncd web-app-project<\/code><\/span><\/pre>\n\n\n


2. Create a file named Dockerfile and open it in a text editor:<\/p>\n\n\n
Vi Dockerfile<\/code><\/span><\/pre>\n\n
FROM nginx:latest\n\nCOPY index.html \/usr\/share\/nginx\/html\/index.html<\/code><\/span><\/pre>\n\n\n
<\/p>\n\n\n\n
3. Create an index.html<\/code> file in the same directory and add your desired HTML content.<\/p>\n\n\n
<!DOCTYPE html<\/span>><\/span>\n<html<\/span>><\/span>\n<head<\/span>><\/span>\n    <title<\/span>><\/span>Web Server<\/title<\/span>><\/span>\n<\/head<\/span>><\/span>\n<body<\/span>><\/span>\n    <h1<\/span>><\/span>Welcome to the Web Server!<\/h1<\/span>><\/span>\n<\/body<\/span>><\/span>\n<\/html<\/span>><\/span>\n<\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
4. Build the Docker image:<\/p>\n\n\n
docker build -t web-server-image .<\/code><\/span><\/pre>\n\n\n


Step 2: <\/strong><\/p>\n\n\n\n
Test the Docker Image<\/p>\n\n\n\n
1. Run a Docker container using the newly created image:<\/p>\n\n\n
docker<\/span> run<\/span> -d<\/span> -p<\/span> 8080:80<\/span> web-server-image<\/span><\/code><\/span>Code language:<\/span> CSS<\/span> (<\/span>css<\/span>)<\/span><\/small><\/pre>\n\n\n
2. Access the web server by opening your web browser and visiting http:\/\/localhost:8080<\/code>. You should see the web server content you defined in the index.html<\/code> file.<\/p>\n\n\n\n
3. Stop the Docker container:<\/p>\n\n\n
docker stop <container-id<\/span>><\/span><\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
To push an image to Docker Hub registry, you can follow these steps:<\/strong><\/p>\n\n\n\n
    \n
  • Tag the image with the Docker Hub repository name: Before pushing the image, you need to tag it with the Docker Hub repository name. The repository name should follow the format: <username>\/<repository-name><\/code><\/li>\n<\/ul>\n\n\n
    docker tag <image-name<\/span>><\/span> <username<\/span>><\/span>\/<repository-name<\/span>><\/span>:<tag<\/span>><\/span><\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
      \n
    • Replace <image-name><\/code> with the name of the image you built, <username><\/code> with your Docker Hub username, <repository-name><\/code> with the desired name for your repository, and <tag><\/code> with the version or tag you want to assign to the image.<\/li>\n<\/ul>\n\n\n\n
        \n
      • Log in to Docker Hub: Authenticate yourself with your Docker Hub account to gain access to your repositories.<\/li>\n<\/ul>\n\n\n
        docker login<\/code><\/span><\/pre>\n\n\n
          \n
        • Push the image to Docker Hub: Once you’re logged in, you can push the tagged image to Docker Hub.<\/li>\n<\/ul>\n\n\n
          docker push <username<\/span>><\/span>\/<repository-name<\/span>><\/span>:<tag<\/span>><\/span><\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
            \n
          • <\/li>\n\n\n\n
          • Replace <username>\/<repository-name>:<tag> with the same repository name and tag you used in the previous step.<\/li>\n\n\n\n
          • <\/li>\n\n\n\n
          • The Docker image will be pushed to Docker Hub, and you’ll see progress information during the push process.<\/li>\n\n\n\n
          • <\/li>\n\n\n\n
          • Verify the pushed image: Go to the Docker Hub website (https:\/\/hub.docker.com\/) and log in with your Docker Hub account. Navigate to your repository, and you should see the pushed image listed with the specified tag.<\/li>\n<\/ul>\n\n\n\n
            Examples<\/strong><\/p>\n\n\n
            docker tag app-server jami12345\/project_1:app-server<\/code><\/span><\/pre>\n\n
            docker push jami12345\/project_1:app-server<\/code><\/span><\/pre>\n\n\n
            or <\/strong><\/p>\n\n\n\n
            During Build Use below steps:<\/strong><\/p>\n\n\n
            docker build -t jami12345\/guestbook-app:latest .\ndocker push jami12345\/guestbook-app:latest<\/code><\/span><\/pre>\n\n\n
            <\/p>\n\n\n\n
            Step 3: <\/strong><\/p>\n\n\n\n
            Set Up Kubernetes Cluster<\/p>\n\n\n\n
            Install and set up a Kubernetes cluster on your Ubuntu machine. You can use Minikube for a local cluster setup or set up a cluster on a cloud provider like AWS, Azure, or GCP. Follow the respective documentation for your chosen method.<\/p>\n\n\n\n
            Step 4: <\/strong><\/p>\n\n\n\n
            Deploy the Web Server and App Server<\/p>\n\n\n\n
            1. Create a file named web-server-deployment.yaml<\/code> and define the Kubernetes Deployment for the web server:<\/p>\n\n\n
            apiVersion: apps\/v1\nkind: Deployment\nmetadata:\nname: web-server-deployment\nspec:\nreplicas: 1\nselector:\nmatchLabels:\napp: web-server\ntemplate:\nmetadata:\nlabels:\napp: web-server\nspec:\ncontainers:\n- name: web-server\nimage: jami12345\/project_1:web-server \nports:\n- containerPort: 80<\/code><\/span><\/pre>\n\n\n


            2. Apply the Kubernetes deployment configuration to deploy the web server:<\/p>\n\n\n
            kubectl<\/span> apply<\/span> -f<\/span> web-server-deployment<\/span>.yaml<\/span><\/code><\/span>Code language:<\/span> CSS<\/span> (<\/span>css<\/span>)<\/span><\/small><\/pre>\n\n\n
            3. Verify that the deployment is created:<\/p>\n\n\n
            kubectl get<\/span> deployments<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
            4. Create a file named web-server-service.yaml<\/code> and define the Kubernetes Service for the web server:<\/p>\n\n\n
            apiVersion: v1\nkind: Service\nmetadata:\nname: web-server-service\nspec:\nselector:\napp: web-server\nports:\n- protocol: TCP\nport: 80\ntargetPort: 80\ntype: Nodeport<\/code><\/span><\/pre>\n\n\n
            5. Apply the Kubernetes service configuration to expose the web server:<\/p>\n\n\n
            kubectl<\/span> apply<\/span> -f<\/span> web-server-service<\/span>.yaml<\/span><\/code><\/span>Code language:<\/span> CSS<\/span> (<\/span>css<\/span>)<\/span><\/small><\/pre>\n\n\n
            6. Verify that the service is created:<\/p>\n\n\n
            kubectl get<\/span> services<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
            7. Access the web server:<\/p>\n\n\n\n
            Look for the service<\/code> entry and note the assigned PORT<\/code> number. You can access the Guestbook application by visiting http:\/\/<NodeIP>:<PORT><\/code> in your web browser.<\/p>\n\n\n\n
            Note: – To change service type to Node port<\/p>\n\n\n
            kubectl patch service app-server-service -p '{\"spec\": {\"type\": \"NodePort\"}}'<\/span><\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
            or<\/p>\n\n\n\n
            Step 8: <\/strong><\/p>\n\n\n\n
            Access the application<\/p>\n\n\n\n
            To access the application, you can use port forwarding. Run the following command:<\/p>\n\n\n
            kubectl port-forward service\/web-app-service 8080:80<\/code><\/span><\/pre>\n\n\n
            To access the application, you can use port forwarding. Run the following command:<\/p>\n\n\n\n
            <\/h2>\n","protected":false},"excerpt":{"rendered":"
            Here’s a step-by-step guide to creating a simple project with a web server and app server using Docker and Kubernetes on Ubuntu, ensuring that the Docker image is accessible from… <\/p>\n","protected":false},"author":48,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[4862,4859],"tags":[],"class_list":["post-35537","post","type-post","status-publish","format-standard","hentry","category-docker","category-kubernetes"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/35537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=35537"}],"version-history":[{"count":6,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/35537\/revisions"}],"predecessor-version":[{"id":35548,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/35537\/revisions\/35548"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=35537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=35537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=35537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}