diff --git a/Projects/Prime Number Checker/README.md b/Projects/Prime Number Checker/README.md
new file mode 100644
index 000000000..b0891b603
--- /dev/null
+++ b/Projects/Prime Number Checker/README.md	
@@ -0,0 +1,152 @@
+# Prime Number Checker 🔢
+
+A beautiful, responsive web application to check if a number is prime or not. Built with vanilla HTML, CSS, and JavaScript.
+
+## Features ✨
+
+- **Prime Number Detection**: Efficiently determines if a number is prime using optimized algorithms
+- **Real-time Validation**: Input validation with immediate feedback
+- **Factor Display**: Shows factors for composite numbers to help understand why they're not prime
+- **Responsive Design**: Works seamlessly on desktop, tablet, and mobile devices
+- **Modern UI**: Glassmorphism design with smooth animations and hover effects
+- **Educational**: Includes information about what prime numbers are
+
+## What is a Prime Number? 🤔
+
+A prime number is a natural number greater than 1 that has no positive divisors other than 1 and itself. In other words, it can only be divided evenly by 1 and itself.
+
+**Examples of Prime Numbers**: 2, 3, 5, 7, 11, 13, 17, 19, 23, 29...
+
+**Examples of Composite Numbers**: 4, 6, 8, 9, 10, 12, 14, 15, 16, 18...
+
+## How to Use 📝
+
+1. Open `index.html` in your web browser
+2. Enter a positive number in the input field
+3. Click the "Check Prime" button
+4. See the result with explanation
+5. For composite numbers, factors are displayed for better understanding
+
+## Algorithm 🔬
+
+The application uses an optimized prime checking algorithm:
+
+1. **Edge Cases**: Numbers less than 2 are not prime
+2. **Even Numbers**: Only 2 is prime among even numbers
+3. **Odd Numbers**: Check divisibility up to √n, testing only odd divisors
+4. **Time Complexity**: O(√n) for efficient checking even with large numbers
+
+## File Structure 📁
+
+```
+prime-checker/
+│
+├── index.html          # Main HTML file with embedded CSS and JS
+├── README.md           # This documentation file
+└── preview.png         # Screenshot (optional)
+```
+
+## Technologies Used 💻
+
+- **HTML5**: Semantic structure and accessibility
+- **CSS3**: 
+  - Flexbox for layout
+  - CSS Grid for responsive design
+  - Glassmorphism effects with backdrop-filter
+  - CSS animations and transitions
+  - Media queries for responsive design
+- **JavaScript**: 
+  - Prime number detection algorithm
+  - DOM manipulation
+  - Event handling
+  - Input validation
+
+## Browser Support 🌐
+
+- ✅ Chrome 88+
+- ✅ Firefox 94+
+- ✅ Safari 14+
+- ✅ Edge 88+
+
+*Note: Glassmorphism effects require modern browser support for `backdrop-filter`*
+
+## Responsive Breakpoints 📱
+
+- **Desktop**: Full features, optimal experience
+- **Tablet** (≤850px): Adjusted font sizes and spacing
+- **Mobile** (≤750px): Optimized layout for small screens
+- **Small Mobile** (≤500px): Compact design with touch-friendly elements
+
+## Key Features Explained 🔍
+
+### Input Validation
+- Only accepts positive integers
+- Real-time feedback for invalid inputs
+- Button activation/deactivation based on input validity
+
+### Prime Detection Algorithm
+```javascript
+function isPrime(num) {
+    if (num < 2) return false;
+    if (num === 2) return true;
+    if (num % 2 === 0) return false;
+    
+    for (let i = 3; i <= Math.sqrt(num); i += 2) {
+        if (num % i === 0) return false;
+    }
+    return true;
+}
+```
+
+### Factor Display
+For composite numbers, the app shows the factors to help users understand why the number isn't prime.
+
+## Customization Options 🎨
+
+You can easily customize the appearance by modifying the CSS variables:
+
+- **Colors**: Change the gradient backgrounds and accent colors
+- **Fonts**: Update the Google Fonts import and font-family
+- **Animations**: Adjust transition durations and transform properties
+- **Layout**: Modify the responsive breakpoints and container sizes
+
+## Performance Considerations ⚡
+
+- Optimized prime checking algorithm with O(√n) complexity
+- Efficient factor calculation for educational purposes
+- Minimal DOM manipulation for smooth user experience
+- CSS animations use GPU acceleration with transform properties
+
+## Educational Value 🎓
+
+This application serves as an excellent learning tool for:
+- Understanding prime numbers and their properties
+- Learning about algorithmic optimization
+- Exploring responsive web design principles
+- Practicing modern CSS techniques like glassmorphism
+
+## Future Enhancements 🚀
+
+Potential improvements could include:
+- Prime factorization display
+- List of prime numbers up to N
+- Sieve of Eratosthenes visualization
+- Performance timing for large numbers
+- Dark/light theme toggle
+- History of checked numbers
+
+## License 📄
+
+This project is open source and available under the [MIT License](LICENSE).
+
+## Contributing 🤝
+
+Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
+
+## Author 👨‍💻
+
+Created with ❤️ for learning and educational purposes.
+
+---
+
+**Happy Prime Checking!** 🎉
\ No newline at end of file
diff --git a/Projects/Prime Number Checker/index.html b/Projects/Prime Number Checker/index.html
new file mode 100644
index 000000000..6ad98630b
--- /dev/null
+++ b/Projects/Prime Number Checker/index.html	
@@ -0,0 +1,291 @@
+<!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>Prime Number Checker</title>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
+
+        body {
+            text-align: center;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            font-size: 100%;
+            min-height: 100vh;
+            margin: 0;
+            padding: 20px;
+            box-sizing: border-box;
+        }
+
+        h1 {
+            margin-top: 50px;
+            font-size: 350%;
+            font-family: 'Open Sans', sans-serif;
+            color: #fff;
+            text-transform: uppercase;
+            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+            margin-bottom: 30px;
+        }
+
+        .info {
+            width: 40%;
+            min-width: 320px;
+            margin-top: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            flex-direction: column;
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(10px);
+            border-radius: 20px;
+            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+            border: 1px solid rgba(255, 255, 255, 0.18);
+            padding: 40px 20px;
+        }
+
+        input {
+            font-size: 1.2rem;
+            border: none;
+            background: rgba(255, 255, 255, 0.2);
+            border-radius: 30px;
+            margin-top: 20px;
+            height: 50px;
+            width: 80%;
+            padding: 0 20px;
+            box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
+            outline: none;
+            color: white;
+            font-weight: 500;
+            transition: all 0.3s ease;
+        }
+
+        input:focus {
+            background: rgba(255, 255, 255, 0.3);
+            transform: scale(1.02);
+            box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
+        }
+
+        input::placeholder {
+            color: rgba(255, 255, 255, 0.7);
+        }
+
+        button {
+            border: none;
+            outline: none;
+            border-radius: 50px;
+            font-size: 1.1rem;
+            font-weight: 600;
+            width: 140px;
+            height: 50px;
+            margin-top: 25px;
+            background: linear-gradient(45deg, #ff6b6b, #ff8e8e);
+            color: white;
+            cursor: pointer;
+            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
+            transition: all 0.3s ease;
+            opacity: 0.25;
+            pointer-events: none;
+        }
+
+        .buttonjs {
+            opacity: 1 !important;
+            pointer-events: all !important;
+        }
+
+        .buttonjs:hover {
+            transform: translateY(-2px) scale(1.05);
+            box-shadow: 0 8px 25px rgba(255, 107, 107, 0.6);
+            background: linear-gradient(45deg, #ff5252, #ff7979);
+        }
+
+        .buttonjs:active {
+            transform: translateY(0) scale(0.98);
+            box-shadow: 0 2px 10px rgba(255, 107, 107, 0.4);
+        }
+
+        #demo {
+            font-size: 1.4rem;
+            color: #fff;
+            margin-top: 25px;
+            padding: 15px;
+            border-radius: 10px;
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(5px);
+            font-weight: 500;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
+            min-height: 25px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .prime-result {
+            background: linear-gradient(45deg, #4ecdc4, #44a08d);
+            color: white;
+        }
+
+        .not-prime-result {
+            background: linear-gradient(45deg, #ff6b6b, #ff8e8e);
+            color: white;
+        }
+
+        .info-box {
+            margin-top: 30px;
+            padding: 20px;
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 15px;
+            color: rgba(255, 255, 255, 0.9);
+            font-size: 0.9rem;
+            line-height: 1.6;
+        }
+
+        .info-box h3 {
+            margin-top: 0;
+            color: #fff;
+            font-size: 1.1rem;
+        }
+
+        @media (max-width: 850px) {
+            html {
+                font-size: 90%;
+            }
+            .info {
+                width: 80%;
+            }
+        }
+
+        @media (max-width: 750px) {
+            html {
+                font-size: 80%;
+            }
+            .info {
+                width: 90%;
+            }
+            h1 {
+                font-size: 280%;
+                margin-top: 20px;
+            }
+        }
+
+        @media (max-width: 500px) {
+            html {
+                font-size: 70%;
+            }
+            .info {
+                width: 95%;
+                padding: 30px 15px;
+            }
+            h1 {
+                font-size: 220%;
+            }
+            input {
+                width: 90%;
+            }
+        }
+    </style>
+</head>
+<body>
+    <h1>Prime Checker</h1>
+    <div class="info">
+        <input type="text" onkeyup="textfxn()" id="text" placeholder="Enter a positive number">
+        <button id="btn">Check Prime</button>
+        <p id="demo"></p>
+        
+        <div class="info-box">
+            <h3>What is a Prime Number?</h3>
+            <p>A prime number is a natural number greater than 1 that has no positive divisors other than 1 and itself. Examples: 2, 3, 5, 7, 11, 13...</p>
+        </div>
+    </div>
+
+    <script>
+        const textinput = document.querySelector("#text");
+        const res = document.getElementById("demo");
+        const checkbtn = document.getElementById("btn");
+
+        function textfxn() {
+            res.innerHTML = "";
+            res.className = "";
+            let text = document.getElementById("text").value;
+            let newtext = text.replace(/[^0-9]/g, '');
+            let alphatext = text.replace(/[0-9]/g, '');
+
+            if (newtext && !alphatext && parseInt(newtext) > 0) {
+                checkbtn.style.opacity = "1";
+                checkbtn.style.pointerEvents = "all";
+                checkbtn.classList.add("buttonjs");
+                
+                // Remove previous event listeners to avoid multiple bindings
+                checkbtn.removeEventListener("click", check);
+                checkbtn.addEventListener("click", check);
+            } else {
+                if (text.length > 0) {
+                    res.innerHTML = "Please enter a valid positive number!";
+                    res.style.background = "rgba(255, 107, 107, 0.3)";
+                }
+                checkbtn.style.opacity = "0.25";
+                checkbtn.style.pointerEvents = "none";
+                checkbtn.classList.remove("buttonjs");
+            }
+        }
+
+        function check() {
+            let text = document.getElementById("text").value;
+            let number = parseInt(text.replace(/[^0-9]/g, ''));
+            
+            if (isPrime(number)) {
+                res.innerHTML = `${number} is a prime number! 🎉`;
+                res.className = "prime-result";
+            } else {
+                res.innerHTML = `${number} is not a prime number.`;
+                res.className = "not-prime-result";
+                
+                // Show factors for better understanding
+                if (number > 1) {
+                    const factors = getFactors(number);
+                    if (factors.length > 0) {
+                        res.innerHTML += `<br><small>Factors: ${factors.join(', ')}</small>`;
+                    }
+                }
+            }
+        }
+
+        function isPrime(num) {
+            if (num < 2) return false;
+            if (num === 2) return true;
+            if (num % 2 === 0) return false;
+            
+            for (let i = 3; i <= Math.sqrt(num); i += 2) {
+                if (num % i === 0) return false;
+            }
+            return true;
+        }
+
+        function getFactors(num) {
+            const factors = [];
+            for (let i = 2; i <= Math.sqrt(num); i++) {
+                if (num % i === 0) {
+                    factors.push(i);
+                    if (i !== num / i) {
+                        factors.push(num / i);
+                    }
+                }
+            }
+            return factors.sort((a, b) => a - b);
+        }
+
+        // Clear result when input is cleared
+        document.getElementById("text").addEventListener("input", function() {
+            if (this.value === "") {
+                res.innerHTML = "";
+                res.className = "";
+            }
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file