List Updated

zpratikpathak · Feb 17, 2024 · ae883c6 · ae883c6
1 parent 8e180e7
commit ae883c6
Show file tree

Hide file tree

Showing 192 changed files with 70,399 additions and 2,392 deletions.
diff --git a/01-iOS-Calculator/README.md b/01-iOS-Calculator/README.md
@@ -1,4 +1,5 @@
-# iOS-Calculator
+# 1 iOS-Calculator
+
 A Calculator to implement my HTML5, CSS and JS skills.
 
 Check it out here: https://zpratikpathak.github.io/iOS-Calculator/

diff --git a/01-iOS-Calculator/index.html b/01-iOS-Calculator/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/01-iOS-Calculator/script.js b/01-iOS-Calculator/script.js
@@ -87,9 +87,11 @@ function rerender() {
 }
 
 function init() {
-  document.querySelector(".class-buttons").addEventListener("click", function(event) {
-    buttonClick(event.target.innerText);
-  });
+  document
+    .querySelector(".class-buttons")
+    .addEventListener("click", function (event) {
+      buttonClick(event.target.innerText);
+    });
 }
 
 init(); //init update
diff --git a/02-Travel-India/Readme.md b/02-Travel-India/Readme.md
@@ -0,0 +1,6 @@
+# 2. Travel India
+
+Travel India is an Project which focus on india's top 4 most visited tourist places. This project has very beautiful UI controlled by Javascript. The Navigation is fone by using Javascript. It also has very beautiful Navbar.
+
+Technologies Used: JavaScript, HTML, CSS
+![Travel India](image.png)
diff --git a/02-Travel-India/image.png b/02-Travel-India/image.png
diff --git a/02-Travel-India/index.html b/02-Travel-India/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/03-age-prediction-tfjs/Readme.md b/03-age-prediction-tfjs/Readme.md
@@ -0,0 +1,7 @@
+# 3. Age Prediction Tfjs
+
+Age prediction app uses the machine learning model of opencv and tensorflow JS to predict the Age of a person using face recognition. It is solely built by using an open-source model of TFjs.
+
+Technologies Used: Javascript, Html, CSS, Tensorflow Js, Opencv
+
+![Age Prediction TFjs](image.png)
diff --git a/03-age-prediction-tfjs/image.png b/03-age-prediction-tfjs/image.png
diff --git a/03-age-prediction-tfjs/index.html b/03-age-prediction-tfjs/index.html
@@ -1,40 +1,38 @@
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Opencv JS</title>
     <script src="js/utils.js"></script>
     <script async src="js/opencv.js" onload="openCvReady();"></script>
-
 
     <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.0.0/dist/tf.min.js"></script>
-    
+
     <style>
-        canvas {
-      position: absolute;
-    }
-    h2{
+      canvas {
+        position: absolute;
+      }
+      h2 {
         position: relative;
         top: -250px;
         right: 350;
-    }
-    body {
-      margin: 0;
-      background-color: whitesmoke;
-      padding: 0;
-      width: 100vw;
-      height: 100vh;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
+      }
+      body {
+        margin: 0;
+        background-color: whitesmoke;
+        padding: 0;
+        width: 100vw;
+        height: 100vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
     </style>
-</head>
-<body>
+  </head>
+  <body>
     <video id="cam_input" height="680" width="900"></video>
     <canvas id="canvas_output"></canvas>
     <script type="text/JavaScript" src="script.js"></script>
     <!-- <h2 id="output">Initializing</h2> -->
-</body>
-
+  </body>
 </html>
diff --git a/03-age-prediction-tfjs/js/opencv.js b/03-age-prediction-tfjs/js/opencv.js