decadevs · iykeafrica · Jun 17, 2022 · Jun 18, 2022 · Jun 18, 2022 · Jun 19, 2022
diff --git a/algorithms/challenge-1.js b/algorithms/challenge-1.js
@@ -1,4 +1,10 @@
+//Implement a function secondLargest(arr) that takes an array of numbers and returns the second largest number.
 function secondLargest(arr) {
-
+
+  const sortedArray = arr.sort((a, b) => (a - b));
+  let secondLargestNum = sortedArray[sortedArray.length - 2];
+
+  console.log(secondLargestNum);
+  return secondLargestNum;
 }
-module.exports = secondLargest
+module.exports = secondLargest;
diff --git a/algorithms/challenge-2.js b/algorithms/challenge-2.js
@@ -1,5 +1,14 @@
+//Implement a function filterArray(arr) that takes an array of non-negative integers and strings and return a new array without the strings.
 function filterArray(arr) {
-
-}
+  let returnValue = [];
+
+  for (let i = 0; i < arr.length; i++) {
+    if (typeof arr[i] == "number") {
+      returnValue.push(arr[i]);
+    }
+  }
 
-module.exports = filterArray
+  console.log(returnValue);
+  return returnValue;
+}
+module.exports = filterArray;
diff --git a/algorithms/challenge-3.js b/algorithms/challenge-3.js
@@ -1,5 +1,12 @@
+//Implement the function sumMix(arr) that given an array of integers as strings and numbers, returns the sum of the array values as if all were numbers.
 function sumMix(arr) {
-
- }
-
-  module.exports = sumMix
+  let returnValue = 0;
+  for (let i = 0; i < arr.length; i++) {
+    if (+arr[i]) {
+      returnValue += Number(arr[i]);
+    }
+  }
+  console.log(returnValue);
+  return returnValue;
+}
+module.exports = sumMix;
diff --git a/algorithms/challenge-4.js b/algorithms/challenge-4.js
@@ -1,5 +1,16 @@
+//Implement the function sumTwoSmallestNums(arr) that takes an array of numbers and returns the sum of the two lowest positive numbers.
 function sumTwoSmallestNums(arr) {
-
-
- }
-  module.exports =sumTwoSmallestNums
+    const sortedArray = arr.sort((a, b) => (a - b));
+    let positiveArray = [];
+
+    for (let i = 0; i < sortedArray.length; i++) {
+        if (sortedArray[i] >= 0) {
+            positiveArray.push(sortedArray[i]);
+        }
+    }
+
+    let result = positiveArray[0] + positiveArray[1];
+    console.log(result);
+    return result;
+}
+module.exports = sumTwoSmallestNums;
diff --git a/algorithms/challenge-5.js b/algorithms/challenge-5.js
@@ -1,5 +1,15 @@
+//Implement the function filterList(arr) that takes a list of non-negative integers and strings and returns a new list with the strings filtered out.
 function filterList(arr) {
-
- }
+    let returnValue = [];
 
-  module.exports =filterList
+    for (let i = 0; i < arr.length; i++) {
+      if (typeof arr[i] == "number") {
+        returnValue.push(arr[i]);
+      }
+    }
+
+    console.log(returnValue);
+    return returnValue;
+}
+
+module.exports = filterList;
diff --git a/frontend/image/apps.png b/frontend/image/apps.png
diff --git a/frontend/image/avatar.png b/frontend/image/avatar.png
diff --git a/frontend/image/avatar_.png b/frontend/image/avatar_.png
diff --git a/frontend/image/billing.png b/frontend/image/billing.png
diff --git a/frontend/image/general.png b/frontend/image/general.png
diff --git a/frontend/image/invitation.png b/frontend/image/invitation.png
diff --git a/frontend/image/logout.png b/frontend/image/logout.png
diff --git a/frontend/image/password.png b/frontend/image/password.png
diff --git a/frontend/index.html b/frontend/index.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Week One OnRamp Assignment</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+    <div class="body-box"></div>
+    <div class="orange-box"></div>
+    <div class="content-box"></div>
+
+    <div class="menu">
+        <div class="menu-profile-image"><img src="image/avatar.png" alt="profile image thumnail" class="profile-icon-size"></div>
+        <div class="menu-profile-image-text">
+            <div><strong>Ikechi Ucheagwu</strong></div>
+            <div>@iykeafrica</div>
+        </div>
+        <br clear="all" />
+        <div class="menu-space"></div>
+
+        <div class="menu-unselected-item"><img src="image/general.png" alt="homepage menu icon" class="icon-size"></div>
+        <div class="menu-unselected-item-text">General</div>
+        <br clear="all" />
+
+        <div class="menu-unselected-item"><img src="image/password.png" alt="password menu icon" class="icon-size"></div>
+        <div class="menu-unselected-item-text">Password</div>
+        <br clear="all" />
+
+        <div class="menu-unselected-item"><img src="image/invitation.png" alt="invitation  menu icon" class="icon-size"></div>
+        <div class="menu-unselected-item-text">Invitations</div>
+        <br clear="all" />
+
+        <div class="menu-container-selected-item">
+            <div class="vertical-bar"></div>
+            <div class="menu-selected-item"><img src="image/billing.png" alt="billing menu icon" class="icon-size"></div>
+            <div class="menu-selected-item-text">Billing</div>
+        </div>
+        <br clear="all" />
+
+        <div class="menu-unselected-item"><img src="image/apps.png" alt="app menu icon" class="icon-size"></div>
+        <div class="menu-unselected-item-text">Apps</div>
+        <br clear="all" />
+
+        <div class="menu-unselected-item-logout"><img src="image/logout.png" alt="logout menu icon" class="icon-size"></div>
+        <div class="menu-unselected-item-logout-text">Log out</div>
+        <br clear="all" />
+    </div>
+
+    <div class="page">
+
+        <div class="list">
+            <p class="page-strong-color" style="font-size: 25px;"><strong>Billing</strong></p>
+            <p class="page-strong-color" style="font-size: 14px; margin-bottom: 0px;"><strong>Order History</strong></p>
+            <p class="page-light-color" style="font-size: 12px; margin-top: 4px; margin-bottom: 50px;">Manage billing information and view receipts</p>
+            <table style="width:94%;">
+                <tr style="text-align: left;">
+                    <th class="page-light-color" style="font-size: 12px; padding: 10px;">Date</th>
+                    <th class="page-light-color" style="font-size: 12px; padding: 10px;">Type</th>
+                    <th class="page-light-color" style="font-size: 12px; padding: 10px;">Recipts</th>
+                </tr>
+                <tr>
+                    <td><strong>Oct 21, 2021</strong></td>
+                    <td><strong>Pro Annual</strong></td>
+                    <td class="download-button"><strong>Download</strong></td>
+                </tr>
+
+                <tr>
+                    <td><strong>Oct 21, 2021</strong></td>
+                    <td><strong>Pro Annual</strong></td>
+                    <td class="download-button"><strong>Download</strong></td>
+                </tr>
+
+                <tr>
+                    <td><strong>Oct 21, 2021</strong></td>
+                    <td><strong>Pro Annual</strong></td>
+                    <td class="download-button"><strong>Download</strong></td>
+                </tr>
+
+                <tr>
+                    <td><strong>Oct 21, 2021</strong></td>
+                    <td><strong>Pro Annual</strong></td>
+                    <td class="download-button"><strong>Download</strong></td>
+                </tr>
+
+            </table>
+        </div>
+
+        <div class="details">
+            <div class="square-box">
+                <div class="text-plan">
+                    <p style="font-size: 12px;">Your plan</p>
+                    <p style="font-size: medium; margin-bottom: 0px;"><strong>Pro Annual</strong></p>
+                    <p style="font-size: 12px; margin-top: 4px; margin-bottom: 25px;">Renews on Nov. 2021</p>
+                    <p style="font-size: 12px; margin-right: 25px; background-color: #ea4c3c; border: 1px solid white; text-align: center; padding: 3px; border-radius: 5px;">Cancel subscription</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+</body>
+
+</html>