From fd6aff439a7cddddcf9fefaa7d9a217516c8e4ac Mon Sep 17 00:00:00 2001
From: Ritu Kumari <131888939+ritukumari89@users.noreply.github.com>
Date: Fri, 20 Oct 2023 19:54:31 +0530
Subject: [PATCH] Github Login

---
 Github Login/Github.js          | 11 +++++
 Github Login/GithubLogin.html   | 13 ++++++
 Github Login/GithubProfile.html | 78 +++++++++++++++++++++++++++++++++
 3 files changed, 102 insertions(+)
 create mode 100644 Github Login/Github.js
 create mode 100644 Github Login/GithubLogin.html
 create mode 100644 Github Login/GithubProfile.html
diff --git a/Github Login/Github.js b/Github Login/Github.js
new file mode 100644
index 0000000..a2dd19b
--- /dev/null
+++ b/Github Login/Github.js	
@@ -0,0 +1,11 @@
+const githubLoginButton = document.getElementById("github-login-button");
+
+githubLoginButton.addEventListener("click", () => {
+  const clientID = "9b422344fa31d0dfaa43";
+  const redirectURI = "http://127.0.0.1:5500/GithubProfile.html";
+  const scope = "read:user";
+
+  const githubAuthURL = `https://github.com/login/oauth/authorize?client_id=${clientID}&redirect_uri=${redirectURI}&scope=${scope}`;
+  
+  window.location.replace(githubAuthURL);
+});
diff --git a/Github Login/GithubLogin.html b/Github Login/GithubLogin.html
new file mode 100644
index 0000000..9d71f69
--- /dev/null
+++ b/Github Login/GithubLogin.html	
@@ -0,0 +1,13 @@
+<!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>Github</title>
+</head>
+<body>
+    <button id="github-login-button">Login with GitHub</button>
+    <script src="./Github.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/Github Login/GithubProfile.html b/Github Login/GithubProfile.html
new file mode 100644
index 0000000..01b419d
--- /dev/null
+++ b/Github Login/GithubProfile.html	
@@ -0,0 +1,78 @@
+<!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>Login Page</title>
+</head>
+<body>
+    <h1>Welcome to Github</h1>
+    <button id="logout-button" onclick="logout()">Logout</button>
+    <script>
+        const clientID = "9b422344fa31d0dfaa43";
+        const clientSecret = "96cb462ea558914a876859a7a959bd8f76c5fe5b";
+
+        async function exchangeCodeForToken(code) {
+        const response = await fetch("https://github.com/login/oauth/access_token", {
+            method: "POST",
+            headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json"
+            },
+            body: JSON.stringify({
+            client_id: clientID,
+            client_secret: clientSecret,
+            code: code
+            })
+        });
+
+        const { access_token } = await response.json();
+        return access_token;
+        }
+        
+        async function getUserInfo(accessToken) {
+            const response = await fetch("https://api.github.com/user", {
+                headers: {
+                Authorization: `Bearer ${accessToken}`
+                }
+            });
+
+            return response.json();
+        }
+
+                // async function displayUserInfo() {
+                // const accessToken = sessionStorage.getItem("access_token");
+                // if (!accessToken) {
+                //     // Redirect to the login page if accessToken is not available
+                //     window.location.href = "GithubLogin.html";
+                //     return;
+                // }
+
+                // const userInfo = await getUserInfo(accessToken);
+
+                // // Get the user name from the userInfo object
+                // const userName = userInfo.name;
+
+                // // Add the user name to the link
+                // const link = document.getElementById("user-link");
+                // link.textContent = userName;
+                // link.href = userInfo.html_url;
+
+                // console.log("Successfully logged in with GitHub:", userInfo);
+                // }
+
+        
+            function logout() {
+            
+            // Clear session data
+            sessionStorage.clear();
+
+            console.log("Successfully logged out.");
+
+            // Redirect to the login page
+            window.location.href = "GithubLogin.html";
+            }
+    </script>
+</body>
+</html>
\ No newline at end of file
