first commit

yyosefi · Jun 9, 2021 · c594a37 · c594a37
commit c594a37
Show file tree

Hide file tree

Showing 6 changed files with 52 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,7 @@
+FROM nginx
+
+WORKDIR '/app'
+
+EXPOSE 80
+
+COPY ./html/ /usr/share/nginx/html
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+# my-first-app
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -0,0 +1,16 @@
+version: '3'
+services:
+    web:
+        tty: true # Terminal
+        # We are defining the custom Dockerfile
+        build:
+            context: .
+            dockerfile: Dockerfile
+        # Map local machines's 8000 port to container's port 3000
+        # React app runs on port 3000 by default
+        ports: 
+            - "8000:80"
+        # Volumes
+        volumes: 
+            # Map local-machine-folder:container-folder
+            - ./html:/usr/share/nginx/html/
diff --git a/html/days.html b/html/days.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Days App</title>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+    </head>
+<body>
+    <ul class="list-group">
+        <li class="list-group-item" style="color:blue;">An item</li>
+        <li class="list-group-item">A second item</li>
+        <li class="list-group-item">A third item</li>
+        <li class="list-group-item">A fourth item</li>
+        <li class="list-group-item" active>And a fifth one</li>
+    </ul>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/html/index.html b/html/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Days App</title>
+    </head>
+<body>
+    <a href="days.html">Go to Days Page</a>
+</body>
+</html>