diff --git a/app.js b/app.js
index ab3ad10..9f5390a 100644
--- a/app.js
+++ b/app.js
@@ -6,35 +6,118 @@
 // 1.3 Create a variable `ProGrad-2` with the navigator's name.
 // 1.4 Print `"The navigator's name is YYYY"`.
 
+let Prograd1 = "Ranjith";
+console.log(Prograd1);
+let Prograd2 = "Mansoor";
+console.log(Prograd2);
+
 // Progression 2: Control Statements - 1
 // 2.1. Depending on which name is longer, print:
 // - The driver has the longest name, it has XX characters. or
 // - It seems that the navigator has the longest name, it has XX characters. or
 // - Wow, you both have equally long names, XX characters!.
 
+if (Prograd1.length > Prograd2.length) {
+  console.log(
+    "The driver has the longest name, it has " +
+    Prograd1.length +
+    " characters."
+  );
+} else if (Prograd1.length < Prograd2.length) {
+  console.log(
+    "It seems that the navigator has the longest name,  it has " +
+    Prograd2.length +
+    " charcters."
+  );
+} else if (Prograd1.length == Prograd2.length) {
+  console.log(
+    "Wow, you both have equally long names, " + Prograd1.length + " characters!"
+  );
+}
+
 // 2.2. Check if the string contains vowels or not.
 // - If it contains vowels, print the name, and also print the vowel letters along with the vowel index. or
 // - print no vowels
-// - for example. In String ProGrad - o and a are vowels. Print ProGrad o a 2 5. 
+// - for example. In String ProGrad - o and a are vowels. Print ProGrad o a 2 5.
+function checkVowel(name) {
+  var i;
+  var vowel = ""
+  var index = ""
+  for (i of name) {
+    if (i == 'a' || i == 'e' || i == 'i' || i == 'o' || i == 'u') {
+      vowel += i + " "
+      index += name.indexOf(i) + " "
+    }
+  }
+  console.log(name + "-" + vowel + "-" + index)
+}
+checkVowel(Prograd1)
+checkVowel(Prograd2)
 
 // 2.3. Check if the string contains uppercase and lowercase characters Xx
 // - Print the number of upper case characters
 // - Print the number of lower case characters
+var upper1 = 0;
+var lower1 = 0;
+for (var j = 0; j <= Prograd1.length; j++) {
+  if (Prograd1.charAt(j) >= "A" && Prograd1.charAt(j) <= "Z") {
+    upper1++;
+  } else if (Prograd1.charAt(j) >= "a" && Prograd1.charAt(j) <= "z") {
+    lower1++;
+  }
+}
+console.log("No. of uppercase characters " + upper1);
+console.log("No. of lowercase characters " + lower1);
 
+var upper2 = 0;
+var lower2 = 0;
+
+for (var j = 0; j <= Prograd2.length; j++) {
+  if (Prograd2.charAt(j) >= "A" && Prograd2.charAt(j) <= "Z") {
+    upper2++;
+  } else if (Prograd2.charAt(j) >= "a" && Prograd2.charAt(j) <= "z") {
+    lower2++;
+  }
+}
+console.log("No. of uppercase characters " + upper2);
+console.log("No. of lowercase characters " + lower2);
 
 // Progression 3: Control Statements - 2
 // 3.1 Print all the characters of the driver's name, separated by a space and in capitals i.e. "ProGrad"
+var i
+var driverName = ""
+for (i of Prograd1) {
+  driverName += i.toUpperCase() + " "
+}
+console.log(driverName)
 
 // 3.2 Print all the characters of the navigator's name, in reverse order. i.e. "darGorP"
 
+var split = Prograd2.split("");
+var reverse = split.reverse();
+var navigatorName = reverse.join("");
+
+console.log(navigatorName);
+
+
 // 3.3 Merge both the characters such that driver is followed by Navigator like "ProGrad FACEPrep"
 // - Now bring the FACEPrep to the start and send ProGrad to the back like "FACEPrep ProGrad"
 
+console.log(Prograd1 + " " + Prograd2);
+
 // 3.3 Depending on the lexicographic order of the strings, print:
 // - The driver's name goes first.
 // - Yo, the navigator goes first definitely.
 // - What?! You both have the same name?
 
+if (Prograd1 === Prograd2) {
+  console.log("What?! You both have the same name?");
+} else if (Prograd1 < Prograd2) {
+  console.log("The driver's name goes first.");
+} else {
+  console.log("Yo, the navigator goes first definitely.")
+}
+
 // Bonus Time!
 // Bonus 1:
 // Go to lorem ipsum generator and:
@@ -53,4 +136,4 @@
 // "put it up"
 // "Was it a car or a cat I saw?" and "No 'x' in Nixon".
 
-// Hint: If you use Google to help you to find solution to this iteration, you might run into some solutions that use advanced string or array methods (such as join(), reverse(), etc.). However, try to apply the knowledge you currently have since you can build pretty nice solution with just using for loop, if-else statements with some break and continue... Just sayin' 
+// Hint: If you use Google to help you to find solution to this iteration, you might run into some solutions that use advanced string or array methods (such as join(), reverse(), etc.). However, try to apply the knowledge you currently have since you can build pretty nice solution with just using for loop, if-else statements with some break and continue... Just sayin'
\ No newline at end of file
diff --git a/index.html b/index.html
index e69de29..43f1a09 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Loopy Loops</title>
+</head>
+
+<body>
+    <script src="app.js"></script>
+</body>
+
+</html>
\ No newline at end of file