From e808564bc53aaa031242e7885531c8fbc61b06d0 Mon Sep 17 00:00:00 2001
From: PrinceSatapathy <princesatapathywork@gmail.com>
Date: Fri, 31 Oct 2025 23:41:26 +0530
Subject: [PATCH 1/3] Add files via upload

---
 Javascript/flip a coin/README.md  |  43 ++++++++
 Javascript/flip a coin/index.html |  37 +++++++
 Javascript/flip a coin/script.js  | 115 +++++++++++++++++++++
 Javascript/flip a coin/style.css  | 163 ++++++++++++++++++++++++++++++
 4 files changed, 358 insertions(+)
 create mode 100644 Javascript/flip a coin/README.md
 create mode 100644 Javascript/flip a coin/index.html
 create mode 100644 Javascript/flip a coin/script.js
 create mode 100644 Javascript/flip a coin/style.css
diff --git a/Javascript/flip a coin/README.md b/Javascript/flip a coin/README.md
new file mode 100644
index 0000000..044c11a
--- /dev/null
+++ b/Javascript/flip a coin/README.md	
@@ -0,0 +1,43 @@
+# Flip a Coin Simulator
+
+A web-based coin flip simulator inspired by Google's coin flip feature. Flip a virtual coin with smooth 3D animations and get random heads or tails results.
+
+## Features
+
+- 🎲 **Random coin flips** - Fair 50/50 chance for heads or tails
+- 🎨 **Smooth 3D animations** - Beautiful spinning coin effect with CSS 3D transforms
+- ⌨️ **Keyboard support** - Press Space or Enter to flip
+- ♿ **Accessibility** - Supports reduced motion preferences and proper ARIA labels
+- 📱 **Responsive design** - Works on desktop and mobile devices
+- 🎯 **Simple interface** - Clean, modern UI with dark theme
+
+## How to Use
+
+1. Open `index.html` in any modern web browser
+2. Click the "Flip" button or press Space/Enter to flip the coin
+3. Watch the coin spin and see the result (Heads or Tails)
+
+## Files
+
+- `index.html` - Main HTML structure
+- `style.css` - Styling and animations
+- `script.js` - Flip logic and interactions
+
+## Browser Compatibility
+
+Works in all modern browsers that support:
+- CSS 3D Transforms
+- Web Animations API (with fallback to CSS transitions)
+- ES6 JavaScript
+
+## Technical Details
+
+- Uses CSS `transform-style: preserve-3d` for 3D coin effect
+- Implements both Web Animations API and CSS transition fallback
+- Respects `prefers-reduced-motion` media query for accessibility
+- Fair random selection using `Math.random()`
+
+## License
+
+Free to use and modify.
+
diff --git a/Javascript/flip a coin/index.html b/Javascript/flip a coin/index.html
new file mode 100644
index 0000000..7374479
--- /dev/null
+++ b/Javascript/flip a coin/index.html	
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Flip a coin</title>
+    <meta name="description" content="Flip a coin simulator like Google">
+    <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=Inter:wght@400;600;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <main class="app" role="main">
+        <h1 class="title">Flip a coin</h1>
+
+        <section class="stage" aria-label="Coin flip area">
+            <div id="coin" class="coin" aria-hidden="true">
+                <div class="face heads" data-label="Heads">Heads</div>
+                <div class="face tails" data-label="Tails">Tails</div>
+            </div>
+        </section>
+
+        <div class="controls">
+            <button id="flipBtn" class="btn" type="button" aria-label="Flip the coin">Flip</button>
+        </div>
+
+        <p id="result" class="result" aria-live="polite" aria-atomic="true">Tap Flip to start</p>
+    </main>
+
+    <script src="script.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Javascript/flip a coin/script.js b/Javascript/flip a coin/script.js
new file mode 100644
index 0000000..ffbc989
--- /dev/null
+++ b/Javascript/flip a coin/script.js	
@@ -0,0 +1,115 @@
+(() => {
+  const coin = document.getElementById('coin');
+  const flipBtn = document.getElementById('flipBtn');
+  const resultEl = document.getElementById('result');
+
+  let isFlipping = false;
+  let currentAngle = 0; // 0 => heads shown; 180 => tails shown (mod 360)
+
+  function getTargetAngle(face) {
+    return face === 'heads' ? 0 : 180;
+  }
+
+  function chooseRandomFace() {
+    return Math.random() < 0.5 ? 'heads' : 'tails';
+  }
+
+  function setImmediateFace(face) {
+    currentAngle = getTargetAngle(face);
+    coin.style.transform = `rotateY(${currentAngle}deg)`;
+    coin.classList.toggle('show-heads', face === 'heads');
+    coin.classList.toggle('show-tails', face === 'tails');
+    coin.classList.remove('spinning');
+  }
+
+  function announce(face) {
+    resultEl.textContent = face === 'heads' ? 'Heads' : 'Tails';
+  }
+
+  function flip(targetFace) {
+    if (isFlipping) return;
+    isFlipping = true;
+    flipBtn.disabled = true;
+
+    const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    const target = targetFace || chooseRandomFace();
+
+    if (prefersReduced) {
+      setImmediateFace(target);
+      announce(target);
+      isFlipping = false;
+      flipBtn.disabled = false;
+      return;
+    }
+
+    const targetAngle = getTargetAngle(target);
+    // Add multiple full spins for flair
+    const fullSpins = 6; // even number so facing side logic is preserved cleanly
+    const start = currentAngle;
+    const end = start + fullSpins * 180 + (targetAngle - (start % 360));
+
+    const duration = 900; // ms
+    const supportsWAAPI = typeof coin.animate === 'function';
+
+    // During the spin, allow both faces to be visible to avoid popping
+    coin.classList.remove('show-heads', 'show-tails');
+    coin.classList.add('spinning');
+
+    if (supportsWAAPI) {
+      coin.animate(
+        [
+          { transform: `rotateY(${start}deg)` },
+          { transform: `rotateY(${end}deg)` }
+        ],
+        {
+          duration,
+          easing: 'cubic-bezier(.22,.61,.36,1)',
+          fill: 'forwards'
+        }
+      ).addEventListener('finish', () => {
+        currentAngle = ((end % 360) + 360) % 360;
+        // Snap to exact final state to avoid subpixel drift
+        coin.style.transform = `rotateY(${currentAngle}deg)`;
+        coin.classList.toggle('show-heads', target === 'heads');
+        coin.classList.toggle('show-tails', target === 'tails');
+        coin.classList.remove('spinning');
+        announce(target);
+        isFlipping = false;
+        flipBtn.disabled = false;
+      });
+    } else {
+      // Fallback: use CSS transition defined on .coin
+      // Set starting transform explicitly to ensure transition runs from the right place
+      coin.style.transform = `rotateY(${start}deg)`;
+      // Next frame, set to end to trigger transition
+      requestAnimationFrame(() => {
+        coin.style.transform = `rotateY(${end}deg)`;
+      });
+      window.setTimeout(() => {
+        currentAngle = ((end % 360) + 360) % 360;
+        coin.style.transform = `rotateY(${currentAngle}deg)`;
+        coin.classList.toggle('show-heads', target === 'heads');
+        coin.classList.toggle('show-tails', target === 'tails');
+        coin.classList.remove('spinning');
+        announce(target);
+        isFlipping = false;
+        flipBtn.disabled = false;
+      }, duration);
+    }
+  }
+
+  flipBtn.addEventListener('click', () => flip());
+
+  // Keyboard: Space/Enter to flip
+  document.addEventListener('keydown', (e) => {
+    if (e.key === ' ' || e.key === 'Enter') {
+      e.preventDefault();
+      flip();
+    }
+  });
+
+  // Initialize with a fair random face so UI doesn’t feel static
+  setImmediateFace(chooseRandomFace());
+})();
+
+
diff --git a/Javascript/flip a coin/style.css b/Javascript/flip a coin/style.css
new file mode 100644
index 0000000..f3d128e
--- /dev/null
+++ b/Javascript/flip a coin/style.css	
@@ -0,0 +1,163 @@
+:root {
+    --bg: #0b0b10;
+    --card: #12121a;
+    --text: #e9eaf0;
+    --muted: #a8adbd;
+    --accent: #6750a4;
+    /* Googley purple */
+    --accent-2: #7c4dff;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
+}
+
+* {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
+    background: radial-gradient(1200px 800px at 50% -10%, #1a1b27 0%, var(--bg) 55%);
+    color: var(--text);
+}
+
+.app {
+    min-height: 100vh;
+    display: grid;
+    grid-template-rows: auto 1fr auto auto;
+    place-items: center;
+    gap: 24px;
+    padding: 40px 16px;
+}
+
+.title {
+    margin: 0;
+    font-size: clamp(24px, 4vw, 36px);
+    font-weight: 800;
+    letter-spacing: -0.02em;
+}
+
+.stage {
+    width: min(520px, 92vw);
+    height: min(520px, 92vw);
+    display: grid;
+    place-items: center;
+    perspective: 1200px;
+}
+
+.coin {
+    width: 52%;
+    aspect-ratio: 1/1;
+    position: relative;
+    transform-style: preserve-3d;
+    transform: rotateY(0deg);
+    transition: transform 0.8s cubic-bezier(.22, .61, .36, 1);
+    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .45));
+}
+
+.face {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    place-items: center;
+    border-radius: 50%;
+    font-weight: 800;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    visibility: visible;
+    opacity: 0;
+    transition: opacity .18s ease;
+}
+
+.face.heads {
+    background: radial-gradient(120% 120% at 30% 30%, #ffd27a 0%, #f2b741 40%, #d6961f 70%, #ae6d00 100%);
+    color: #3a2610;
+    border: 6px solid rgba(255, 219, 120, 0.65);
+    transform: rotateY(0deg);
+}
+
+.face.tails {
+    background: radial-gradient(120% 120% at 30% 30%, #c8d7ff 0%, #9db8ff 40%, #7896ff 70%, #4a6bff 100%);
+    color: #0f1a4a;
+    border: 6px solid rgba(180, 198, 255, 0.7);
+    transform: rotateY(180deg);
+}
+
+/* Show correct face at rest */
+.coin.show-heads .face.heads {
+    opacity: 1;
+}
+
+.coin.show-heads .face.tails {
+    opacity: 0;
+}
+
+.coin.show-tails .face.tails {
+    opacity: 1;
+}
+
+.coin.show-tails .face.heads {
+    opacity: 0;
+}
+
+/* During spin show both to avoid popping */
+.coin.spinning .face {
+    opacity: 1;
+}
+
+/* Subtle rim */
+.coin::before {
+    content: "";
+    position: absolute;
+    inset: -2%;
+    border-radius: 50%;
+    background: conic-gradient(from 0deg, #0000 0 20%, rgba(0, 0, 0, .35) 20% 30%, #0000 30% 70%, rgba(255, 255, 255, .25) 70% 80%, #0000 80% 100%);
+    filter: blur(1px);
+    z-index: -1;
+}
+
+.controls {
+    display: grid;
+    place-items: center;
+    gap: 12px;
+}
+
+.btn {
+    appearance: none;
+    border: 0;
+    padding: 14px 28px;
+    font-size: 16px;
+    font-weight: 700;
+    color: white;
+    background: linear-gradient(135deg, var(--accent), var(--accent-2));
+    border-radius: 999px;
+    box-shadow: var(--shadow);
+    cursor: pointer;
+}
+
+.btn:disabled {
+    opacity: .6;
+    cursor: not-allowed;
+}
+
+.btn:focus-visible {
+    outline: 3px solid rgba(124, 77, 255, .6);
+    outline-offset: 3px;
+}
+
+.result {
+    margin: 0;
+    font-size: clamp(18px, 2.6vw, 22px);
+    color: var(--muted);
+}
+
+/* Reduced motion */
+@media (prefers-reduced-motion: reduce) {
+    .coin {
+        transition: none;
+    }
+}
\ No newline at end of file

From 1c2320e9fa61bbdb991d2c337de490e33bf93901 Mon Sep 17 00:00:00 2001
From: PrinceSatapathy <princesatapathywork@gmail.com>
Date: Fri, 31 Oct 2025 23:55:08 +0530
Subject: [PATCH 2/3] Add files via upload

---
 Javascript/Bmi calculator/README.md  | 65 ++++++++++++++++++++++++++++
 Javascript/Bmi calculator/index.html | 34 +++++++++++++++
 Javascript/Bmi calculator/script.js  | 32 ++++++++++++++
 Javascript/Bmi calculator/style.css  | 47 ++++++++++++++++++++
 4 files changed, 178 insertions(+)
 create mode 100644 Javascript/Bmi calculator/README.md
 create mode 100644 Javascript/Bmi calculator/index.html
 create mode 100644 Javascript/Bmi calculator/script.js
 create mode 100644 Javascript/Bmi calculator/style.css

diff --git a/Javascript/Bmi calculator/README.md b/Javascript/Bmi calculator/README.md
new file mode 100644
index 0000000..f064c08
--- /dev/null
+++ b/Javascript/Bmi calculator/README.md	
@@ -0,0 +1,65 @@
+# BMI Calculator
+
+A simple and interactive web-based Body Mass Index (BMI) calculator that allows users to calculate their BMI by entering their height and weight.
+
+## Features
+
+- Calculate BMI based on height (in cm) and weight (in kg)
+- Real-time validation of input values
+- BMI category classification:
+  - Underweight: Less than 18.5
+  - Normal weight: 18.6 - 24.9
+  - Overweight: 25 - 29.9
+  - Obese: Greater than 29.9
+- User-friendly interface with clear visual feedback
+- Weight guide reference displayed on the page
+
+## Technologies Used
+
+- HTML5
+- CSS3
+- JavaScript (Vanilla JS)
+
+## Project Structure
+
+```
+Bmi calculator/
+├── index.html    # Main HTML structure
+├── script.js     # JavaScript logic for BMI calculation
+├── style.css     # Styling and layout
+└── README.md     # Project documentation
+```
+
+## How to Use
+
+1. Open `index.html` in your web browser
+2. Enter your height in centimeters (cm)
+3. Enter your weight in kilograms (kg)
+4. Click the "Calculate" button
+5. View your BMI result and corresponding category
+
+## BMI Formula
+
+BMI is calculated using the formula:
+```
+BMI = weight (kg) / (height (m))²
+```
+
+The calculator converts height from centimeters to meters by dividing by 10000 (since height² in cm² needs to be converted to m²).
+
+## Getting Started
+
+Simply clone or download this repository and open `index.html` in any modern web browser. No additional setup or dependencies are required.
+
+## Browser Compatibility
+
+This project works on all modern web browsers including:
+- Google Chrome
+- Mozilla Firefox
+- Microsoft Edge
+- Safari
+
+## License
+
+This project is open source and available for educational purposes.
+
diff --git a/Javascript/Bmi calculator/index.html b/Javascript/Bmi calculator/index.html
new file mode 100644
index 0000000..5e66cee
--- /dev/null
+++ b/Javascript/Bmi calculator/index.html	
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <link rel="stylesheet" href="style.css" />
+    <title>BMI Calculator</title>
+  </head>
+  <body>
+    <nav>
+      <a href="/" aria-current="page">Home</a>
+      <a target="_blank" href="https://www.youtube.com/@chaiaurcode"
+        >Youtube channel</a
+      >
+    </nav>
+    <div class="container">
+      <h1>BMI Calculator</h1>
+      <form>
+        <p><label>Height in CM: </label><input type="text" id="height" /></p>
+        <p><label>Weight in KG: </label><input type="text" id="weight" /></p>
+        <button>Calculate</button>
+        <div id="results"></div>
+        <div id="weight-guide">
+          <h3>BMI Weight Guide</h3>
+          <p>Under Weight = Less than 18.6</p>
+          <p>Normal Range = 18.6 and 24.9</p>
+          <p>Overweight = Greater than 24.9</p>
+        </div>
+      </form>
+    </div>
+  </body>
+  <script src="script.js"></script>
+</html>
diff --git a/Javascript/Bmi calculator/script.js b/Javascript/Bmi calculator/script.js
new file mode 100644
index 0000000..b625afa
--- /dev/null
+++ b/Javascript/Bmi calculator/script.js	
@@ -0,0 +1,32 @@
+const form = document.querySelector('form');
+
+form.addEventListener('submit', function(e) {
+  e.preventDefault();
+  
+  const height = parseInt(document.querySelector('#height').value);
+  const weight = parseInt(document.querySelector('#weight').value);
+  const results = document.querySelector('#results');
+
+  if (isNaN(height) || height <= 0) {
+    results.innerHTML = "Please give a valid Height";
+  } else if (isNaN(weight) || weight <= 0) {
+    results.innerHTML = "Please give a valid Weight";
+  } else {
+    const bmi = (weight/((height*height)/10000)).toFixed(2);
+    let message ="";
+    if(bmi<18.5){
+        message="you'r are Underweight"
+    }
+    else if(bmi>=18.6 && bmi <=24.9){
+        message="you'r have Normal weight"
+    }
+    else if(bmi >= 25 && bmi <= 29.9){
+        message="you'r are overweight"
+    }
+    else{
+        message ="you'r are obese"
+    }
+    //showing the results
+    results.innerHTML = `<span>Your BMI is ${bmi}. ${message}</span>`;
+  }
+});
diff --git a/Javascript/Bmi calculator/style.css b/Javascript/Bmi calculator/style.css
new file mode 100644
index 0000000..37db108
--- /dev/null
+++ b/Javascript/Bmi calculator/style.css	
@@ -0,0 +1,47 @@
+.container {
+    width: 575px;
+    height: 825px;
+  
+    background-color: #797978;
+    padding-left: 30px;
+  }
+  #height,
+  #weight {
+    width: 150px;
+    height: 25px;
+    margin-top: 30px;
+  }
+  
+  #weight-guide {
+    margin-left: 75px;
+    margin-top: 25px;
+  }
+  
+  #results {
+    font-size: 35px;
+    margin-left: 90px;
+    margin-top: 20px;
+    color: rgb(241, 241, 241);
+  }
+  
+  button {
+    width: 150px;
+    height: 35px;
+    margin-left: 90px;
+    margin-top: 25px;
+    background-color: #fff;
+    padding: 1px 30px;
+    border-radius: 8px;
+    color: #212121;
+    text-decoration: none;
+    border: 2px solid #212121;
+  
+    font-size: 25px;
+  }
+  
+  h1 {
+    padding-left: 15px;
+    padding-top: 25px;
+    
+  }
+  
\ No newline at end of file

From 96519d1fb2490dc54b36b1e4f00e3bd9c5b2758f Mon Sep 17 00:00:00 2001
From: PrinceSatapathy <princesatapathywork@gmail.com>
Date: Fri, 31 Oct 2025 23:58:05 +0530
Subject: [PATCH 3/3] Add files via upload

---
 Javascript/To-do-app/images/checked.png   | Bin 0 -> 2396 bytes
 Javascript/To-do-app/images/icon.png      | Bin 0 -> 4359 bytes
 Javascript/To-do-app/images/unchecked.png | Bin 0 -> 2185 bytes
 Javascript/To-do-app/index.html           |  11 +++++++++++
 Javascript/To-do-app/script.js            |   0
 Javascript/To-do-app/styles.css           |   0
 6 files changed, 11 insertions(+)
 create mode 100644 Javascript/To-do-app/images/checked.png
 create mode 100644 Javascript/To-do-app/images/icon.png
 create mode 100644 Javascript/To-do-app/images/unchecked.png
 create mode 100644 Javascript/To-do-app/index.html
 create mode 100644 Javascript/To-do-app/script.js
 create mode 100644 Javascript/To-do-app/styles.css

diff --git a/Javascript/To-do-app/images/checked.png b/Javascript/To-do-app/images/checked.png
new file mode 100644
index 0000000000000000000000000000000000000000..d26596a2593905fdd73d42043989ded6577f8d74
GIT binary patch
literal 2396
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
O0000<MNUMnLSTZr=7DGc

literal 0
HcmV?d00001

diff --git a/Javascript/To-do-app/images/icon.png b/Javascript/To-do-app/images/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..5655235c2a1847896502e530bac24a2e28e8e83f
GIT binary patch
literal 4359
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
BU4j4r

literal 0
HcmV?d00001

diff --git a/Javascript/To-do-app/images/unchecked.png b/Javascript/To-do-app/images/unchecked.png
new file mode 100644
index 0000000000000000000000000000000000000000..04a5c5fae731f5674473af1e4b3a37b504a2278d
GIT binary patch
literal 2185
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
LNkvXXu0mjfk*z#v

literal 0
HcmV?d00001

diff --git a/Javascript/To-do-app/index.html b/Javascript/To-do-app/index.html
new file mode 100644
index 0000000..59d753d
--- /dev/null
+++ b/Javascript/To-do-app/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/Javascript/To-do-app/script.js b/Javascript/To-do-app/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/Javascript/To-do-app/styles.css b/Javascript/To-do-app/styles.css
new file mode 100644
index 0000000..e69de29
