diff --git a/Existing_API_Collection/GithubAPI/README.md b/Existing_API_Collection/GithubAPI/README.md
new file mode 100644
index 0000000..3d88795
--- /dev/null
+++ b/Existing_API_Collection/GithubAPI/README.md
@@ -0,0 +1,21 @@
+Github API:
+-It is a set of web-based endpoints and tools provided by GitHub to allow developers to programmatically interact with and access data from the GitHub platform.
+-It enables developers to build applications, automate tasks, and integrate GitHub's functionality into their own software applications or services.
+
+Future Scope:
+-The API can be used to integrate security scanning and compliance checks into the development process.
+-The API could be used to gather data for advanced reporting, analytics, and visualization tools.
+
+Implementation:
+-The JavaScript code contains an HTTP GET request to the GitHub API's ,the API is sent to GitHub's servers after authentication, it fetches user's profile data from its database.
+
+Tech Stacks used:
+ - HTML (frontend)
+ - CSS (styling)
+ - Javascript (API Implementation)
+
+Output :
+
+
+Reference:
+https://docs.github.com/en/rest?apiVersion=2022-11-28
diff --git a/Existing_API_Collection/GithubAPI/image.png b/Existing_API_Collection/GithubAPI/image.png
new file mode 100644
index 0000000..13171de
Binary files /dev/null and b/Existing_API_Collection/GithubAPI/image.png differ
diff --git a/Existing_API_Collection/GithubAPI/index.html b/Existing_API_Collection/GithubAPI/index.html
new file mode 100644
index 0000000..35a99f7
--- /dev/null
+++ b/Existing_API_Collection/GithubAPI/index.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+ GitHub Profile Viewer
+
+
+
+
+
GitHub Profile Viewer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Existing_API_Collection/GithubAPI/script.js b/Existing_API_Collection/GithubAPI/script.js
new file mode 100644
index 0000000..632a2ee
--- /dev/null
+++ b/Existing_API_Collection/GithubAPI/script.js
@@ -0,0 +1,42 @@
+const usernameInput = document.getElementById('username-input');
+const searchButton = document.getElementById('search-button');
+const userProfile = document.getElementById('user-profile');
+const userRepos = document.getElementById('user-repos');
+
+searchButton.addEventListener('click', () => {
+ //trim() is used to ignore starting and ending spaces
+ const username = usernameInput.value.trim();
+
+ if (username === '') {
+ alert('Please enter a GitHub username.');
+ return;
+ }
+ //using Github API to fetch user details
+ fetch(`https://api.github.com/users/${username}`)
+ .then(response => response.json())
+ .then(user => {
+ // Display user profile information
+ userProfile.innerHTML = `
+