day 11

fullstackNRJ · fullstackNRJ · commit 28a74fe9330c · 2020-04-16T20:58:02.000+05:30
diff --git a/README.md b/README.md
@@ -27,4 +27,4 @@ Motivate yourself to code daily till 60 days, and see the magic!
 | [Day 8](./each%20day%20build%20day!/Day%208/) | [Whack covid-19](./each%20day%20build%20day!/Day%208/) | [demo](https://whackcovid19.z22.web.core.windows.net/) | [Takeaways](./each%20day%20build%20day!/Day%208/README.md/) |
 | [Day 9](./each%20day%20build%20day!/Day%209/) | [Sketchpad](./each%20day%20build%20day!/Day%209/) | [demo](https://codepen.io/neeraj-mukta/pen/RwWWBNw) | [Takeaways](./each%20day%20build%20day!/Day%209/README.md/) |
 | [Day 10](./each%20day%20build%20day!/Day%2010/) | [Infinite scrolling ComicBook](./each%20day%20build%20day!/Day%2010/) | [demo]() | [Takeaways](./each%20day%20build%20day!/Day%2010/README.md/) |
-
+| [Day 11](./each%20day%20build%20day!/Day%11/) | [Drag & Drop File Upload](./each%20day%20build%20day!/Day%2011/) | [demo]() | [Takeaways](./each%20day%20build%20day!/Day%2011/README.md/) |
diff --git a/each day build day!/Day 11/app.js b/each day build day!/Day 11/app.js
@@ -0,0 +1,3 @@
+const dropRegion = document.getElementById('drop-region');
+const previewRegion = document.getElementById('image-preview');
+
diff --git a/each day build day!/Day 11/index.html b/each day build day!/Day 11/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Deag & Drop File upload 📁 </title>
+</head>
+<body>
+ 
+    <div class="container">
+        <h1>Drag & Drop file upload using vanilla JS 📁 </h1>
+        
+        <div id="drop-region">
+            <div class="drop-message">Drag & Drop files or click to upload</div>
+            <div id="image-preview"></div>
+        </div>
+    
+    </div>
+    
+    <script src="app.js"></script>
+</body>
+</html>
diff --git a/each day build day!/Day 11/style.css b/each day build day!/Day 11/style.css
@@ -0,0 +1,11 @@
+:root{
+    font-size: 62.5%;
+}
+.container{
+    min-height: 30rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    align-items: center;
+}
+

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+const dropRegion = document.getElementById('drop-region');`
	`2`	`+const previewRegion = document.getElementById('image-preview');`
	`3`	`+`