Remainder PHP (pranjay-poddar#4583)

* Add files via upload * Delete PHP Projects/Remainder-Web-App directory * Add files via upload
Morin3 · Aug 4, 2023 · 01065a6 · 01065a6
1 parent 3163d5e
commit 01065a6
Show file tree

Hide file tree

Showing 17 changed files with 2,522 additions and 0 deletions.
diff --git a/PHP Projects/Remainder-Web-App/README.md b/PHP Projects/Remainder-Web-App/README.md
@@ -0,0 +1 @@
+# Remainder-Web-App
diff --git a/PHP Projects/Remainder-Web-App/connection.php b/PHP Projects/Remainder-Web-App/connection.php
@@ -0,0 +1,18 @@
+<?php
+ $server = "localhost";
+ $username = "root";
+ $password = "";
+ $dbname = "reminderapp";
+ $con = mysqli_connect($server, $username, $password, $dbname);
+
+ if(!$con)
+ {
+ 	echo "not connected";
+ }
+ $username = $_POST['Username'];
+ $password = $_POST['password'];
+ $email = $_POST['mailId'];
+ $phoneno = $_POST['phNumber'];
+
+ echo $username." ".$password." ".$email." ".$phoneno;
+?>
diff --git a/PHP Projects/Remainder-Web-App/index.php b/PHP Projects/Remainder-Web-App/index.php
@@ -0,0 +1,173 @@
+<!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">
+    <!-- compiled and minified CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+    <!-- Optional theme -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-theme.min.css"
+        integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+
+    <!-- Style.css -->
+    <link rel="stylesheet" href="style/style.css">
+    <!-- responsive css -->
+    <link rel="stylesheet" href="style/responsive.css">
+
+    <title>Remainder</title>
+</head>
+
+<body>
+
+    <section class="vh-100 loginContainer">
+        <div class="container-fluid h-custom">
+            <div id="loginHeader">
+                <h2></h2>
+            </div>
+            <div class="row d-flex justify-content-center align-items-center h-100 loginContent">
+                <div class="col-md-9 col-lg-6 col-xl-5 imgContainer">
+                    <img src="https://ik.imagekit.io/5bndldf5v/remainder/loginImg.webp"
+                        class="img-fluid" alt="Sample image">
+                </div>
+                <div class="col-md-8 col-lg-6 col-xl-4 offset-xl-1 formContainer">
+                    <form>
+                        <div class="form-outline mb-4">
+                            <input id="username" name="Username" type="text" class="form-control form-control-lg inputContainer"
+                                placeholder="Username" required />
+                        </div>
+
+                        <div class="form-outline mb-3">
+                            <input id="password" name="password" type="password" class="form-control form-control-lg inputContainer"
+                                placeholder="Enter password" required />
+                        </div>
+
+                        <div class="d-flex justify-content-between align-items-center">
+                            <a href="#!" class="text-body">Forgot password?</a>
+                        </div>
+
+                        <div class="text-center text-lg-start mt-4 pt-2">
+                            <p class="small fw-bold mt-2 pt-1 mb-0">
+                                <span class="loginSignupTxt">Don't have an account?</span>
+                                <a href="./signup.php"><span class="loginSignUp">Register</span></a>
+                            </p>
+                        </div>
+
+                        <div class="text-center text-lg-start mt-4 pt-2 loginBtnContainer">
+                            <button class="noselect cancelBtn loginCancelBtn formBtn" onclick="popUp('cancel')">
+                                <span class="text">Cancel</span>
+                                <span class="icon">
+                                    <span class="glyphicon glyphicon-remove loginBtnIcon"></span>
+                                </span>
+                            </button>
+
+                            <button class="noselect loginBtn formBtn" onclick="popUp('login')">
+                                <span class="text" id="loginSignUpBtn">Login</span>
+                                <span class="icon">
+                                    <span class="glyphicon glyphicon-ok loginBtnIcon"></span>
+                                </span>
+                            </button>
+
+                        </div>
+
+                    </form>
+                </div>
+            </div>
+        </div>
+        <footer>
+            <p class="text-white">
+                Copyright © 2023. All rights reserved.
+            </p>
+        </footer>
+    </section>
+
+    <div class="alertContainer popUpContainer" id="successPopUp">
+        <div class="alert">
+            <div class="crossIconContainer">
+                <span class="glyphicon glyphicon-remove" onclick="closePopUp('successPopUp')"></span>
+            </div>
+            <div class="alertSymbol">
+                <img src="https://ik.imagekit.io/5bndldf5v/remainder/greenTickImg.webp" alt="">
+            </div>
+            <p class="loginInfo">Login Successfully</p>
+            <div class="alertBtnContainer">
+                <a href="./pages/home.php">
+                    <button class="alertTextBtn">
+                        <div>
+                            <span>
+                                <p>Okay</p>
+                            </span>
+                        </div>
+                        <div>
+                            <span>
+                                <p>Thanks</p>
+                            </span>
+                        </div>
+                    </button>
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <div class="alertContainer popUpContainer" id="cancelPopUp">
+        <div class="alert">
+            <div class="crossIconContainer">
+                <span class="glyphicon glyphicon-remove closeIcon" onclick="closePopUp('cancelPopUp')"></span>
+            </div>
+            <div class="alertSymbol">
+                <img src="https://ik.imagekit.io/5bndldf5v/remainder/redCrossImg.png" alt="">
+            </div>
+            <p class="loginInfo">Login Failed</p>
+            <div class="alertBtnContainer">
+                <button class="alertTextBtn" onclick="retry('cancelPopUp')">
+                    <div>
+                        <span>
+                            <p>Okay</p>
+                        </span>
+                    </div>
+                    <div style="background-color: red;">
+                        <span>
+                            <p>Retry</p>
+                        </span>
+                    </div>
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <!-- <div class="alertContainer">
+        <div class="alert">
+            <div class="">
+                <span class="glyphicon glyphicon-remove"></span>
+            </div>
+            <div class="alertSymbol">
+                <img src=".https://ik.imagekit.io/5bndldf5v/remainder/greenTickImg.webp" alt="">
+            </div>
+            <p class="loginInfo">Logged Out Successfully</p>
+            <div class="alertBtnContainer">
+                <button class="alertTextBtn">
+                    <div>
+                        <span>
+                            <p>Okay</p>
+                        </span>
+                    </div>
+                    <div>
+                        <span>
+                            <p>Thanks</p>
+                        </span>
+                    </div>
+                </button>
+            </div>
+        </div>
+    </div> -->
+
+    <script src="javascript/login.php"></script>
+    <script src="javascript/main.php"></script>
+    <!-- compiled and minified JavaScript -->
+    <!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> -->
+</body>
+
+</html>
diff --git a/PHP Projects/Remainder-Web-App/javascript/home.php b/PHP Projects/Remainder-Web-App/javascript/home.php
@@ -0,0 +1,77 @@
+const str = document.querySelector("#homeHeader > h2");
+const dayDesc = document.querySelector("#dayDesc");
+let txt = "Welcome to the Reminder Application <<username>>"
+let txtlen = txt.length;
+let pos = -1;
+let t = setInterval(move, 200);
+function move() {
+    pos++;
+    str.innerHTML += txt.charAt(pos);
+    if (pos == txtlen) {
+        clearInterval(t);
+    }
+}
+function dayName(n){
+    switch (n) {
+        case 0:
+            return "Sunday";
+        case 1:
+            return "Monday";
+        case 2:
+            return "Tuesday";
+        case 3:
+            return "Wednesday";
+        case 4:
+            return "Thrusday";
+        case 5:
+            return "Friday";
+        case 6:
+            return "Saturday";
+        default:
+            break;
+    }
+
+}
+function monthName(n){
+    switch (n) {
+        case 0:
+            return "January";
+        case 1:
+            return "February";
+        case 2:
+            return "March";
+        case 3:
+            return "April";
+        case 4:
+            return "May";
+        case 5:
+            return "June";
+        case 6:
+            return "July";
+        case 7:
+            return "August";
+        case 8:
+            return "September";
+        case 9:
+            return "October";
+        case 10:
+            return "November";
+        case 11:
+            return "December";
+        default:
+            break;
+    }
+
+}
+function postfixDate(n){
+    if(n==1)
+    return "th";
+    else if(n==2)
+    return "nd";
+    else if(n==3)
+    return "rd";
+    else
+    return "th"
+}
+let date = new Date();
+dayDesc.innerText=`Today is ${dayName(date.getDay())}, ${date.getDate()}${postfixDate(date.getDate())} Of ${monthName(date.getMonth())}.`
diff --git a/PHP Projects/Remainder-Web-App/javascript/login.php b/PHP Projects/Remainder-Web-App/javascript/login.php
@@ -0,0 +1,76 @@
+const inputContainer = document.querySelectorAll('.inputContainer')
+const cancelPopUp = document.getElementById('cancelPopUp')
+const successPopUp = document.getElementById('successPopUp')
+
+//Inputs
+const loginUserName = document.getElementById('username')
+const loginPassword = document.getElementById('password')
+
+const testUserName = "abcd"
+const testloginPassword = "abcd"
+
+const str = document.querySelector("#loginHeader > h2");
+let txt = "Welcome to Remainder app !"
+let txtlen = txt.length;
+let pos = -1;
+let t = setInterval(move, 200);
+function move() {
+    pos++;
+    str.innerHTML += txt.charAt(pos);
+    if (pos == txtlen) {
+        clearInterval(t);
+    }
+}
+
+
+
+const popUp = (op) => {
+    if (op === "cancel") {
+        cancelPopUp.style.display = "flex"
+    }
+    if (op === "login") {
+        if (loginUserName.value == testUserName && loginPassword.value == testloginPassword)
+            successPopUp.style.display = "flex";
+        else if ((loginUserName.value == "") && (loginPassword.value == ""))
+            alert("Please Enter username and password")
+        else if (loginUserName.value == "")
+            alert("Please enter username")
+        else if (loginPassword.value == "")
+            alert("Please enter password")
+        else
+            cancelPopUp.style.display = "flex";
+    }
+    if (op === "signup") {
+            let emptyCheck = isEmpty()
+            if (emptyCheck === false) {
+                const loginrepassword = document.getElementById("repassword").value
+                if (loginPassword.value !== loginrepassword && loginrepassword !== "") {
+                   alert("Password Mismatch !");
+                }
+                else {
+                    window.open("./pages/home.php");
+                }
+            }
+    }
+}
+
+const closePopUp = (op) => {
+    document.getElementById(op).style.display = "none"
+}
+
+const retry = (op) => {
+    inputContainer.forEach((element) => {
+        element.value = ""
+    })
+    document.getElementById(op).style.display = "none"
+}
+const isEmpty = () => {
+    for (let i = 0; i < inputContainer.length; i++) {
+        const element = inputContainer[i];
+        if (element.value === "") {
+            alert("Form imcomplete")
+            return true
+        }
+    }
+    return false
+}
diff --git a/PHP Projects/Remainder-Web-App/javascript/main.php b/PHP Projects/Remainder-Web-App/javascript/main.php
@@ -0,0 +1,18 @@
+const formBtn = document.querySelectorAll('.formBtn')
+formBtn.forEach((element) => {
+    element.addEventListener("click", (e) => {
+        e.preventDefault();
+
+    })
+})
+
+
+const dropDownIcon = document.querySelector(".dropDownIcon")
+const navLoginSignUp = document.querySelector(".navLoginSignUp")
+
+dropDownIcon.addEventListener("click",function () {
+    if(navLoginSignUp.style.display==="flex")
+    navLoginSignUp.style.display="none"
+    else
+    navLoginSignUp.style.display="flex"
+})
diff --git a/PHP Projects/Remainder-Web-App/javascript/set.php b/PHP Projects/Remainder-Web-App/javascript/set.php