├── README.md
├── requirements.txt
├── Dockerfile
├── ecr.py
├── app.py
├── eks.py
└── templates
    └── index.html


/README.md:
--------------------------------------------------------------------------------
1 | # System-Monitoring-Website
2 | Cloud Native Resource Monitoring Python App on K8s
3 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
 1 | Flask==2.2.3
 2 | MarkupSafe==2.1.2
 3 | Werkzeug==2.2.3
 4 | itsdangerous==2.1.2
 5 | psutil==5.8.0
 6 | plotly==5.5.0
 7 | tenacity==8.0.1
 8 | boto3==1.9.148
 9 | kubernetes==10.0.1 
10 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM python:3.9-buster
 2 | 
 3 | WORKDIR /app
 4 | 
 5 | COPY requirements.txt .
 6 | 
 7 | RUN pip3 install --no-cache-dir -r requirements.txt
 8 | 
 9 | COPY . .
10 | 
11 | ENV FLASK_RUN_HOST=0.0.0.0
12 | 
13 | EXPOSE 5000
14 | 
15 | CMD ["flask", "run"]


--------------------------------------------------------------------------------
/ecr.py:
--------------------------------------------------------------------------------
 1 | import boto3
 2 | 
 3 | ecr_client = boto3.client('ecr')
 4 | 
 5 | repository_name = "my_monitoring_app_image_nk"
 6 | response = ecr_client.create_repository(repositoryName=repository_name)
 7 | 
 8 | repository_uri = response ['repository']['repositoryUri']
 9 | print(repository_uri) 
10 | 


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
 1 | import psutil
 2 | from flask import Flask, render_template
 3 | 
 4 | app = Flask(__name__)
 5 | 
 6 | @app.route("/")
 7 | def index():
 8 |     cpu_metric = psutil.cpu_percent()
 9 |     mem_metric = psutil.virtual_memory().percent
10 |     Message = None
11 |     if cpu_metric > 80 or mem_metric > 80:
12 |         Message = "High CPU or Memory Detected, scale up!!!"
13 |     return render_template("index.html", cpu_metric=cpu_metric, mem_metric=mem_metric, message=Message)
14 | 
15 | if __name__=='__main__':
16 |     app.run(debug=True, host = '0.0.0.0')


--------------------------------------------------------------------------------
/eks.py:
--------------------------------------------------------------------------------
 1 |  
 2 | #create deployment and service
 3 | from kubernetes import client, config
 4 | 
 5 | # Load Kubernetes configuration
 6 | config.load_kube_config()
 7 | 
 8 | # Create a Kubernetes API client
 9 | api_client = client.ApiClient()
10 | 
11 | # Define the deployment
12 | deployment = client.V1Deployment(
13 |     metadata=client.V1ObjectMeta(name="my-flask-app"),
14 |     spec=client.V1DeploymentSpec(
15 |         replicas=1,
16 |         selector=client.V1LabelSelector(
17 |             match_labels={"app": "my-flask-app"}
18 |         ),
19 |         template=client.V1PodTemplateSpec(
20 |             metadata=client.V1ObjectMeta(
21 |                 labels={"app": "my-flask-app"}
22 |             ),
23 |             spec=client.V1PodSpec(
24 |                 containers=[
25 |                     client.V1Container(
26 |                         name="my-flask-container",
27 |                         image="",
28 |                         ports=[client.V1ContainerPort(container_port=5000)]
29 |                     )
30 |                 ]
31 |             )
32 |         )
33 |     )
34 | )
35 | 
36 | # Create the deployment
37 | api_instance = client.AppsV1Api(api_client)
38 | api_instance.create_namespaced_deployment(
39 |     namespace="default",
40 |     body=deployment
41 | )
42 | 
43 | # Define the service
44 | service = client.V1Service(
45 |     metadata=client.V1ObjectMeta(name="my-flask-service"),
46 |     spec=client.V1ServiceSpec(
47 |         selector={"app": "my-flask-app"},
48 |         ports=[client.V1ServicePort(port=5000)]
49 |     )
50 | )
51 | 
52 | # Create the service
53 | api_instance = client.CoreV1Api(api_client)
54 | api_instance.create_namespaced_service(
55 |     namespace="default",
56 |     body=service
57 | )


--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>System Monitoring</title>
 5 |     <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
 6 |     <style>
 7 |         .plotly-graph-div {
 8 |             margin: auto;
 9 |             width: 50%;
10 |             background-color: rgba(151, 128, 128, 0.688);
11 |             padding: 20px;
12 |         }
13 |     </style>
14 | </head>
15 | <body>
16 |     <div class="container">
17 |         <h1>System Monitoring</h1>
18 |         <div id="cpu-gauge"></div>
19 |         <div id="mem-gauge"></div>
20 |         {% if message %}
21 |         <div class="alert alert-danger">{{ message }}</div>
22 |         {% endif %}
23 |     </div>
24 |     <script>
25 |         var cpuGauge = {
26 |             type: "indicator",
27 |             mode: "gauge+number",
28 |             value: {{ cpu_metric }},
29 |             gauge: {
30 |                 axis: { range: [null, 100] },
31 |                 bar: { color: "#1f77b4" },
32 |                 bgcolor: "white",
33 |                 borderwidth: 2,
34 |                 bordercolor: "#ccc",
35 |                 steps: [
36 |                     { range: [0, 50], color: "#d9f0a3" },
37 |                     { range: [50, 85], color: "#ffeb84" },
38 |                     { range: [85, 100], color: "#ff5f5f" }
39 |                 ],
40 |                 threshold: {
41 |                     line: { color: "red", width: 4 },
42 |                     thickness: 0.75,
43 |                     value: {{ cpu_metric }}
44 |                 }
45 |             }
46 |         };
47 |         
48 |         var memGauge = {
49 |             type: "indicator",
50 |             mode: "gauge+number",
51 |             value: {{ mem_metric }},
52 |             gauge: {
53 |                 axis: { range: [null, 100] },
54 |                 bar: { color: "#1f77b4" },
55 |                 bgcolor: "white",
56 |                 borderwidth: 2,
57 |                 bordercolor: "#ccc",
58 |                 steps: [
59 |                     { range: [0, 50], color: "#d9f0a3" },
60 |                     { range: [50, 85], color: "#ffeb84" },
61 |                     { range: [85, 100], color: "#ff5f5f" }
62 |                 ],
63 |                 threshold: {
64 |                     line: { color: "red", width: 4 },
65 |                     thickness: 0.75,
66 |                     value: {{ mem_metric }}
67 |                 }
68 |             }
69 |         };
70 |         
71 |         var cpuGaugeLayout = { title: "CPU Utilization" };
72 |         var memGaugeLayout = { title: "Memory Utilization" };
73 |         
74 |         Plotly.newPlot('cpu-gauge', [cpuGauge], cpuGaugeLayout);
75 |         Plotly.newPlot('mem-gauge', [memGauge], memGaugeLayout);
76 |     </script>
77 | </body>
78 | </html>


--------------------------------------------------------------------------------