From a24a74af4ba06943678e066d97949306d9507157 Mon Sep 17 00:00:00 2001
From: Sunny Kumar <sunnysaurya9955@gmail.com>
Date: Mon, 6 Jan 2025 10:28:50 +0530
Subject: [PATCH] Random Password Generator

---
 README.md                                |   4 +-
 generate-password-generator/copy.png     | Bin 0 -> 824 bytes
 generate-password-generator/generate.png | Bin 0 -> 4148 bytes
 generate-password-generator/index.html   | 157 +++++++++++++++++++++++
 4 files changed, 160 insertions(+), 1 deletion(-)
 create mode 100755 generate-password-generator/copy.png
 create mode 100755 generate-password-generator/generate.png
 create mode 100644 generate-password-generator/index.html

diff --git a/README.md b/README.md
index d6e8fc3..e651aaf 100644
--- a/README.md
+++ b/README.md
@@ -57,7 +57,9 @@ This is the main repository for all of the projects in the course.
 | 48  | [Random Image Feed](https://github.com/bradtraversy/50projects50days/tree/master/random-image-generator)                         | [Live Demo](https://50projects50days.com/projects/random-image-feed/)             |
 | 49  | [Todo List](https://github.com/bradtraversy/50projects50days/tree/master/todo-list)                                         | [Live Demo](https://50projects50days.com/projects/todo-list/)                     |
 | 50  | [Insect Catch Game](https://github.com/bradtraversy/50projects50days/tree/master/insect-catch-game)                         | [Live Demo](https://50projects50days.com/projects/insect-catch-game/)             |
-| 51  | [Simple Timer](https://github.com/bradtraversy/50projects50days/tree/master/simple-timer)                                   | [Live Demo](https://50projects50days.com/projects/simple-timer/)             |
+| 51  | [Simple Timer](https://github.com/bradtraversy/50projects50days/tree/master/simple-timer)                                   | [Live Demo](https://50projects50days.com/projects/simple-timer/)      
+
+| 52  | [Random Passoword Generator] (https://github.com/bradtraversy/50projects50days/tree/master/random-password-generator) | [Live Demo](https://50projects50days.com/projects/random-password-generator/) | 
 
 **NOTE ON PULL REQUESTS**: All of these projects are part of the course. While I do appreciate people trying to make some things prettier or adding new features, we are only accepting pull requests and looking at issues for bug fixes so that the code stays inline with the course
 
diff --git a/generate-password-generator/copy.png b/generate-password-generator/copy.png
new file mode 100755
index 0000000000000000000000000000000000000000..661a356de4fa87e4677a47f1ef0bbed85ba3494a
GIT binary patch
literal 824
zcmeAS@N?(olHy`uVBq!ia0vp^UO*hi!3HEVjxbCFQjEnx?oJHr&dI!FU|{;>>Eakt
z!T5IW#oXHlBChhh&v)NcxTo-vCD8ms``6gr+$J*@$Q=}(@w2?qOjt!aWafewZ0E|E
z4Ei^zny-<GZ_!e?IK4sP<Hu*6HoJmEq|$m?j`|r1evUl6Yx=}ITith)&+NOu{p!!e
zxhMMkUEAzMg2Ikh1PI?~&{CXxC-cjqyoU$1nVNmiT6a!}o5-ofeA8y~CWUiZ4haf=
z%N%>IvN16mKHH>tF2Lb{{TX-1obb|5E2buizqmNj@U>a>?rPhNb5SRzhhDo=5_9ow
z{@%w@U#i`_0~Ab~lr$zVXe?gL!KK1*if^x6LnhNrqx~X}|Cg04cl6%A`rMuF%Bl%B
z&)45Oc#Abv{r;3AQ}d!7mfcP`bZ_ciTfvP#drw^cdjG(!O1GbxQnUYG+PP+DUbIJ|
zepTrFS9k8@%U*W9`nt@)v#U7rU(;^ujgKd`i}IiHdp2vi+WX1Nf^F6;{Q9_)UG<Zx
ztbwoc#g&D7Ssy#(s{Nf(_3CKvV+Ymh)2!n6X6k(V`k-O<ovrgWaroW7xay<)x;MHT
z7kpE@XC{(cx2^0&O5j_w`p?Ic^Y@xhUVg<R;K5ZDjV30}1|zGk1rAILdis$4_<~ka
zTr8$jZmvp?Z)9@6wyCF&sZmJ8v600=Qr0y<fib|%T~Ne>Vamlo7FHpK)Dl#w#s&XA
zPhWp_r%o~Zx22aiMFhNNUL5`6lLx2B_P#w|OZF~J)^O|k@p|u>>#t_<cYgjQ@lxYx
z@~PIXm!3Ykv(|6A_{RlltEE4l4AMFGSMamVSLbf_r<;GItUOrsX#uxi|LUi=AI%Sx
z3kl76*Le0TOM2*v^6LE)wiI$teD2D6vVUQ0fauhs+#N+nkF4P;t$$w<sua7i>b(7y
a3P#7+oFDt$vK)X}fx*+&&t;ucLK6UNk#gby

literal 0
HcmV?d00001

diff --git a/generate-password-generator/generate.png b/generate-password-generator/generate.png
new file mode 100755
index 0000000000000000000000000000000000000000..979183044827713ea8bec0d41bd933bd60dd942a
GIT binary patch
literal 4148
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

literal 0
HcmV?d00001

diff --git a/generate-password-generator/index.html b/generate-password-generator/index.html
new file mode 100644
index 0000000..e3cd945
--- /dev/null
+++ b/generate-password-generator/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Password Generator</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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
+
+    <style>
+        .container {
+            width: 30vw;
+            margin-top: 200px;
+            margin-left: 100px;
+            font-family: "Poppins", sans-serif;
+        }
+
+        .card {
+            padding: 50px;
+        }
+
+        .card h1 {
+            color: rgb(34, 96, 30);
+            text-decoration: underline;
+            margin-top: 20px;
+            font-size: 34px;
+            /* word-spacing: 10px; */
+        }
+
+        .card h2 {
+            color: white;
+            margin-bottom: 20px;
+            font-size: 30px;
+        }
+
+        /* Add some basic styling to the buttons */
+        .btn {
+            background-color: #4CAF50;
+            /* Green background */
+            color: #ffffff;
+            /* White text */
+            border: none;
+            /* Remove border */
+            padding: 20px 20px;
+            /* Add some padding */
+            font-size: 25px;
+            /* Increase font size */
+            cursor: pointer;
+            /* Change cursor to a pointing hand */
+            margin-top: 30px;
+            width: 300px;
+
+        }
+
+        /* Add some hover effects */
+        .btn:hover {
+            background-color: #3e8e41;
+            /* Darken the green background on hover */
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+            /* Add a subtle shadow */
+        }
+
+
+        .password {
+            height: 40px;
+            width: 500px;
+        }
+
+        .buttons img {
+            height: 40px;
+            /* top: 20px; */
+            /* right: 0; */
+            position: relative;
+            /* left: -10px; */
+            top: -50px;
+            /* z-index:1; */
+            padding-left: 3px;
+        }
+
+        .input1 img {
+            height: 30px;
+            /* top: 20px; */
+            /* right: 0; */
+            position: relative;
+            left: 470px;
+            top: -40px;
+            /* z-index:1; */
+            /* padding-right: 30px; */
+        }
+        .input1 .copy{
+            cursor: pointer;
+            transition: trasform 0.9s;
+        }
+        .input1 .copy:hover{
+            transform: scale(1.1);
+            /* color: #052047; */
+        }
+    </style>
+</head>
+
+<body style="background-color: #052047;">
+    <div class="container">
+        <div class="card">
+            <h2>Generate a</h2>
+            <h1> Random Password</h1>
+            <div class="input1">
+                <input class="password" type="text">
+                <img class = "copy" src="copy.png" alt="">
+
+            </div>
+            <div class="buttons">
+                <button class="btn">Generate Password</button>
+                <img src="generate.png" alt="">
+
+            </div>
+        </div>
+    </div>
+
+
+    <script>
+
+        const input = document.querySelector(".input1  input")
+
+        const button = document.querySelector(".buttons .btn")
+
+        const copy = document.querySelector(".input1 .copy")
+
+
+        function randomPass() {
+            const characters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!@#$%^&*()_+-"
+
+            let password = ""
+
+            for (let i = 0; i < 12; i++) {
+                password += characters.charAt(Math.floor(Math.random() * characters.length))
+            }
+            input.value = password
+        }
+
+        button.addEventListener("click",function(){
+            randomPass()
+        })
+
+        copy.addEventListener("click",function(){
+            input.select()
+            document.execCommand("copy")
+        
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file