bongodev · niloychandrasarker · Nov 22, 2024 · Nov 24, 2024 · Nov 24, 2024 · Nov 24, 2024
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -0,0 +1,10 @@
+## Project Name:
+
+### Description
+
+<!-- Short description about the task -->
+
+### QA Steps
+
+- [ ] <!-- step 1 -->
+
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
@@ -0,0 +1,43 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ['main']
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: 'pages'
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload entire repository
+          path: '.'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/001-counter-app/Niloy/index.html b/001-counter-app/Niloy/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Counter App</title>
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body class="bg-gray-100 flex items-center justify-center min-h-screen">
+
+  <!-- Counter App Container -->
+  <div class="bg-white shadow-lg rounded-lg p-8 text-center">
+    <h1 class="text-2xl font-bold text-gray-800 mb-4">Counter App</h1>
+
+    <!-- Counter Display -->
+    <div id="counter" class="text-4xl font-bold text-gray-700">0</div>
+
+    <!-- Counter Controls -->
+    <div class="mt-6">
+      <button id="increment"
+        class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded mr-2">+</button>
+      <button id="decrement" class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded ml-2">-</button>
+    </div>
+  </div>
+
+  <script src="./script.js"></script>
+</body>
+
+</html>
diff --git a/001-counter-app/Niloy/script.js b/001-counter-app/Niloy/script.js
@@ -0,0 +1,18 @@
+const incrimentButton = document.getElementById("increment");
+const decrimentButton = document.getElementById("decrement");
+const countterElement = document.getElementById("counter");
+
+let count = 0;
+function increaseCount() {
+  count = count + 1;
+  countterElement.innerText = count;
+}
+
+function decrimentCount() {
+  count = count - 1;
+  countterElement.innerText = count;
+}
+
+incrimentButton.addEventListener("click", increaseCount);
+
+decrimentButton.addEventListener("click", decrimentCount);
diff --git a/001-counter-app/Talha/index.html b/001-counter-app/Talha/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Counter App</title>
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body class="bg-gray-100 flex items-center justify-center min-h-screen">
+
+  <!-- Counter App Container -->
+  <div class="bg-white shadow-lg rounded-lg p-8 text-center">
+    <h1 id="title" class="heading text-2xl font-bold text-gray-800 mb-4">Counter App</h1>
+
+    <!-- Counter Display -->
+    <div id="counter" class="text-4xl font-bold text-gray-700">0</div>
+
+    <!-- Counter Controls -->
+    <div class="mt-6">
+      <button id="increment"
+        class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded mr-2">+</button>
+      <button id="decrement" class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded ml-2">-</button>
+    </div>
+  </div>
+
+  <script src="./script.js"></script>
+</body>
+
+</html>
diff --git a/001-counter-app/Talha/script.js b/001-counter-app/Talha/script.js
@@ -0,0 +1,27 @@
+let count = 0;
+
+const increaseButton = document.getElementById("increment");
+const decreaseButton = document.getElementById("decrement");
+const counterElement = document.getElementById("counter");
+
+function increaseCount() {
+  if (count === 10) {
+    alert("Count overflow");
+    return;
+  }
+  count++;
+  counterElement.innerText = count;
+}
+
+function decreaseCount() {
+  if (count === 0) {
+    alert("Count will be negative");
+    return;
+  }
+  count = 0;
+  counterElement.innerText = count;
+}
+
+increaseButton.addEventListener("click", increaseCount);
+
+decreaseButton.addEventListener("click", decreaseCount);
diff --git a/001-counter-app/index.html → 001-counter-app/bongo-dev/index.html b/001-counter-app/index.html → 001-counter-app/bongo-dev/index.html
@@ -25,6 +25,8 @@ <h1 class="text-2xl font-bold text-gray-800 mb-4">Counter App</h1>
       <button id="decrement" class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded ml-2">-</button>
     </div>
   </div>
+
+  <script src="./script.js"></script>
 </body>
 
 </html>
diff --git a/001-counter-app/bongo-dev/script.js b/001-counter-app/bongo-dev/script.js
@@ -0,0 +1,23 @@
+let count = 0;
+const counterElement = document.getElementById('counter');
+const incrementButton = document.getElementById('increment');
+const decrementButton = document.getElementById('decrement');
+
+function increaseCount() {
+  if (count === 10) {
+    alert('Count overflow!');
+    return;
+  }
+  count++;
+  counterElement.innerText = count;
+}
+
+incrementButton.addEventListener('click', increaseCount);
+decrementButton.addEventListener('click', function () {
+  if (count === 0) {
+    alert('Count will be negative');
+  } else {
+    count--;
+    counterElement.innerText = count;
+  }
+});
diff --git a/001-counter-app/nazma98/index.html b/001-counter-app/nazma98/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Counter App</title>
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body class="bg-gray-100 flex items-center justify-center min-h-screen">
+
+  <!-- Counter App Container -->
+  <div class="bg-white shadow-lg rounded-lg p-8 text-center">
+    <h1 class="text-2xl font-bold text-gray-800 mb-4">Counter App</h1>
+
+    <!-- Counter Display -->
+    <div id="counter" class="text-4xl font-bold text-gray-700">0</div>
+
+    <!-- Counter Controls -->
+    <div class="mt-6">
+      <button id="increment"
+        class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded mr-2">+</button>
+      <button id="decrement" class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded ml-2">-</button>
+    </div>
+  </div>
+
+  <script src="./script.js"></script>
+</body>
+
+</html>
diff --git a/001-counter-app/nazma98/script.js b/001-counter-app/nazma98/script.js
@@ -0,0 +1,24 @@
+let count = 0;
+const incrementElement = document.getElementById("increment");
+const decrementElement = document.getElementById("decrement");
+const counterElement = document.getElementById("counter");
+
+function increaseCount() {
+    if(count === 10) {
+        alert("Overflow!");
+    }
+    count = count + 1;
+    counterElement.innerText = count;
+}
+
+function decreaseCount() {
+    if(count === 0) {
+        alert("Count will be negative");
+    }
+    count = count - 1;
+    counterElement.innerText = count;
+}
+
+incrementElement.addEventListener('click', increaseCount);
+decrementElement.addEventListener('click', decreaseCount);
+
diff --git a/002-number-comparator/Niloy/index.html b/002-number-comparator/Niloy/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Number Comparator App</title>
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body class="bg-gray-100 h-screen flex items-center justify-center">
+  <div class="bg-white p-6 rounded-lg shadow-lg text-center">
+    <h1 class="text-2xl font-bold mb-4">Number Comparator App</h1>
+    <!-- Input Fields for Numbers -->
+    <div class="flex flex-col gap-4">
+      <input type="number" id="number1" placeholder="Enter first number" class="border p-2 rounded" value="0" />
+      <input type="number" id="number2" placeholder="Enter second number" class="border p-2 rounded" value="0" />
+    </div>
+    <!-- Button to Compare Numbers -->
+    <button id="compare" class="mt-4 bg-blue-500 text-white py-2 px-4 rounded">Compare</button>
+    <button id="reset" class="mt-4 bg-red-500 text-white py-2 px-4 rounded">Reset</button>
+    <!-- Display Result -->
+    <div id="result" class="mt-4 text-xl font-bold"></div>
+  </div>
+
+  <!-- Include JavaScript -->
+  <script src="number-comparator.js"></script>
+</body>
diff --git a/002-number-comparator/Niloy/number-comparator.js b/002-number-comparator/Niloy/number-comparator.js
@@ -0,0 +1,58 @@
+const number1Input=document.getElementById('number1');
+const number2Input=document.getElementById('number2');
+const compareButton = document.getElementById('compare');
+const result = document.getElementById('result');
+const resetButton = document.getElementById('reset');
+
+const ERROR_CLASS = 'border-red-500';
+
+
+
+function resetErrorStyles() {
+    number1Input.classList.remove(ERROR_CLASS);
+    number2Input.classList.remove(ERROR_CLASS);
+  }
+
+  function isValidInput() {
+    resetErrorStyles();
+
+    if (!number1Input.value) {
+      number1Input.classList.add(ERROR_CLASS);
+      return false;
+    }
+    if (!number2Input.value) {
+      number2Input.classList.add(ERROR_CLASS);
+      return false;
+    }
+
+    return true;
+  }
+
+function handleCompareButton(){
+
+    if (!isValidInput()) return;
+
+    number1=parseInt(number1Input.value);
+    number2=parseInt(number2Input.value);
+
+    if(number1>number2){
+        result.innerText='Number 1 is Bigger'
+    }
+    else if(number1<number2){
+        result.innerText='Number 2 is Bigger'
+    }
+    else{
+        result.innerText='Both are Equal';
+    }
+}
+
+function handleResetButton(){
+    number1Input.value='0';
+    number2Input.value='0';
+    result.innerText="";
+    resetErrorStyles();
+}
+
+
+compareButton.addEventListener('click', handleCompareButton);
+resetButton.addEventListener('click', handleResetButton);
diff --git a/002-number-comparator/Talha/index.html b/002-number-comparator/Talha/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Number Comparator App</title>
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body class="bg-gray-100 h-screen flex items-center justify-center">
+  <div class="bg-white p-6 rounded-lg shadow-lg text-center">
+    <h1 class="text-2xl font-bold mb-4">Number Comparator App</h1>
+    <!-- Input Fields for Numbers -->
+    <div class="flex flex-col gap-4">
+      <input type="number" id="number1" placeholder="Enter first number" class="border p-2 rounded" value="0" />
+      <input type="number" id="number2" placeholder="Enter second number" class="border p-2 rounded" value="0" />
+    </div>
+    <!-- Button to Compare Numbers -->
+    <button id="compare" class="mt-4 bg-blue-500 text-white py-2 px-4 rounded">Compare</button>
+    <!-- Button to reset document -->
+    <button id="reset" class="mt-4 ms-6 bg-violet-500 text-white py-2 px-4 rounded">Reset</button>
+    <!-- Display Result -->
+    <div id="result" class="mt-4 text-xl font-bold"></div>
+  </div>
+
+  <!-- Include JavaScript -->
+  <script src="number-comparator.js"></script>
+</body>
-Original file line number
+Diff line change
@@ Expand Up @@
           <button id="decrement" class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded ml-2">-</button>
         </div>
       </div>
+      <script src="./script.js"></script>
     </body>
     </html>