├── LICENSE
├── README.md
├── index.html
├── js
    ├── followers.js
    ├── following.js
    ├── gists.js
    └── repos.js
├── main.js
└── screenshots
    ├── followers.jpeg
    ├── following.jpeg
    ├── gists.jpeg
    └── repositories.jpeg


/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023 Sakhawat Hossain
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # GitGittu
 2 | 
 3 | [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 4 | 
 5 | GitGittu is a simple tool that allows users to view their GitHub repositories, gists, followers, and following. The tool is built with JavaScript and utilizes the GitHub REST API.
 6 | 
 7 | ## Usage
 8 | 
 9 | To use the tool, simply visit the [GitGittu website](https://shrudra.github.io/gitgittu/) and enter your GitHub username in the input field. Then click on the button for the information you want to view: Repositories, Gists, Followers, or Following. The information will be displayed in a table format below the button.
10 | 
11 | ## Screenshots
12 | 
13 | ### Repositories
14 | ![Repositories](screenshots/repositories.jpeg)
15 | 
16 | ### Gists
17 | ![Gists](screenshots/gists.jpeg)
18 | 
19 | ### Followers
20 | ![Followers](screenshots/followers.jpeg)
21 | 
22 | ### Following
23 | ![Following](screenshots/following.jpeg)
24 | 
25 | ## Star ⭐ History
26 | 
27 | ![Star History Chart](https://api.star-history.com/svg?repos=shrudra/gitgittu&type=date)
28 | 
29 | ## Development
30 | 
31 | If you want to make modifications to GitGittu, you can clone the GitHub repository and make changes locally. Here are the steps to do so:
32 | 
33 | 1. Clone the repository:
34 | 
35 |     ```
36 |     git clone https://github.com/shrudra/gitgittu.git
37 |     ```
38 | 
39 | 2. Open the index.html file in your browser to view the current version of the tool.
40 | 
41 | 3. Make any changes you want to the JavaScript code in the main.js file.
42 | 
43 | 4. Test your changes by refreshing the index.html file in your browser.
44 | 
45 | 5. Once you're satisfied with your changes, commit and push them to the GitHub repository:
46 | 
47 |     ```
48 |     git add .
49 |     git commit -m "Description of changes made"
50 |     git push
51 |     ```
52 | 
53 | ## Contribute
54 | 
55 | If you find any bugs or want to contribute to the project, feel free to submit an issue or pull request.
56 | 
57 | # Donate 
58 | If you find value in what I'm creating,‌ a book donation would be a great choice.
59 | 
60 | <a href="https://www.buymeacoffee.com/shrudra" target="_blank"><img src="https://img.buymeacoffee.com/button-api/?text=Buy%20me%20a%20book&emoji=📖&slug=shrudra&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff" alt="Buy Me A Book" style="height: auto !important;width: auto !important;" ></a>
61 | 
62 | ## License
63 | My Tool is licensed under the MIT License. See <a href="LICENSE">LICENSE</a> for more information.
64 | 
65 | ## Contact
66 | 
67 | If you have any questions or want to reach out, you can email me at [sakhwt.hssain@gmail.com](mailto:sakhwt.hssain@gmail.com).
68 | 
69 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <html lang="en">
 2 |   <head>
 3 |     <meta charset="UTF-8" />
 4 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 5 |     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 6 |     <title>GitGittu</title>
 7 |     <!-- bootstrap 5 css -->
 8 |     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 9 |     <!-- google font -->
10 |     <link rel="preconnect" href="https://fonts.googleapis.com">
11 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12 |     <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap" rel="stylesheet">
13 |  
14 |     <link rel="stylesheet" 
15 |     href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
16 | 
17 |     <style>
18 |       body {
19 |         font-family: 'Ubuntu', sans-serif;
20 |       }
21 |       a:link, a:visited, a:hover, a:active{
22 |         text-decoration: none;
23 |       }
24 |     </style>
25 |   </head>
26 | 
27 |   <body>
28 | 
29 |     <div class="container-fluid mt-3">
30 |       <!-- header -->
31 |       <header class="p-3 mb-3 bg-dark text-white">
32 |         <i class="fa-brands fa-github-alt fa-2xl"></i>
33 |         <br>
34 |         <h1 class="display-5">GitGittu</h1>
35 |         <p class="lead">A Super Tool to view a GitHub user's repos, gists, following and followers</p>
36 |         <!-- add input field and button -->
37 |         <div class="row mt-3">
38 |           <label for="username" class="col-sm-2 col-form-label">Github Username:</label>
39 |           <div class="col-sm-3">
40 |             <input type="text" class="form-control" placeholder="Enter Your Github Username" id="username" />
41 |           </div>
42 |           <div class="col-sm-5">
43 |             
44 |             <button type="button" class="btn btn-primary" id="submit-btn">View Repositories</button>
45 |           
46 |             <button type="button" class="btn btn-primary" id="submit-btn2">View Gists</button>
47 |           
48 |             <button type="button" class="btn btn-primary" id="submit-btn3">Following</button>
49 |           
50 |             <button type="button" class="btn btn-primary" id="submit-btn4">Followers</button>
51 |           </div>
52 |         </div>
53 |       </header>
54 |       <!-- responsive table -->
55 |       <div class="table-responsive">
56 |         <table class="table table-striped">
57 |           <!--<thead>
58 |             <tr>
59 |               <th scope="raw">...</th>
60 |               <th scope="raw">...</th>
61 |               <th scope="raw">...</th>
62 |               <th scope="raw">...</th>
63 |             </tr>
64 |           </thead>-->
65 |           <tbody>
66 |             <!-- 
67 |             <tr>
68 |               <td>...</td>
69 |               <td>...</td>
70 |               <td>...</td>
71 |               <td>...</td>
72 |             </tr> 
73 |           -->
74 |           </tbody>
75 |         </table>
76 |       </div>
77 |     </div>
78 | 
79 | 
80 | <footer class="bg-dark text-light text-center py-3">
81 |     <p>Made with ❤️ using <a href="https://docs.github.com/en/rest">GitHub REST API</a> by <a href="https://github.com/shrudra">@shrudra</p>
82 | </footer>
83 | 
84 |   <!-- This line is a script tag that includes the jQuery library from a remote source (a CDN) with version 2.2.4 -->
85 |   <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
86 |     <!-- Custom Javascript file  -->
87 |   <script src="main.js"></script>
88 |   
89 | </body>
90 | </html>


--------------------------------------------------------------------------------
/js/followers.js:
--------------------------------------------------------------------------------
 1 | const submitBtn = document.querySelector("#submit-btn4");
 2 | submitBtn.addEventListener("click", async () => {
 3 |   const username = document.querySelector("#username").value;
 4 |   const url = `https://api.github.com/users/${username}/followers`;
 5 |   try {
 6 |     const response = await fetch(url);
 7 |     const data = await response.json();
 8 |     let statusHTML = "";
 9 |     data.forEach((status) => {
10 |       statusHTML += `
11 |         <tr>
12 |           <td>${status.login}</td>
13 |           <td><img src="${status.owner.avatar_url}" height="100" width="100"></td>
14 |           <td><a href="${status.html_url}">${status.html_url}</a></td>
15 |         </tr>
16 |       `;
17 |     });
18 |     document.querySelector("tbody").innerHTML = statusHTML;
19 |   } catch (error) {
20 |     console.error(error);
21 |   }
22 | });
23 | 
24 | 


--------------------------------------------------------------------------------
/js/following.js:
--------------------------------------------------------------------------------
 1 | const submitBtn = document.querySelector("#submit-btn3");
 2 | submitBtn.addEventListener("click", async () => {
 3 |   const username = document.querySelector("#username").value;
 4 |   const url = `https://api.github.com/users/${username}/following`;
 5 |   try {
 6 |     const response = await fetch(url);
 7 |     const data = await response.json();
 8 |     let statusHTML = "";
 9 |     data.forEach((status) => {
10 |       statusHTML += `
11 |         <tr>
12 |           <td>${status.login}</td>
13 |           <td><img src="${status.owner.avatar_url}" height="100" width="100"></td>
14 |           <td><a href="${status.html_url}">${status.html_url}</a></td>
15 |         </tr>
16 |       `;
17 |     });
18 |     document.querySelector("tbody").innerHTML = statusHTML;
19 |   } catch (error) {
20 |     console.error(error);
21 |   }
22 | });
23 | 
24 | 


--------------------------------------------------------------------------------
/js/gists.js:
--------------------------------------------------------------------------------
 1 | const submitBtn = document.querySelector("#submit-btn2");
 2 | submitBtn.addEventListener("click", async () => {
 3 |   const username = document.querySelector("#username").value;
 4 |   const url = `https://api.github.com/users/${username}/gists`;
 5 |   try {
 6 |     const response = await fetch(url);
 7 |     const data = await response.json();
 8 |     let statusHTML = "";
 9 |     data.forEach((status) => {
10 |       statusHTML += `
11 |         <tr>
12 |           <td><img src="${status.owner.avatar_url}" height="100" width="100"></td>
13 |           <td><a href="${status.html_url}">${status.html_url}</a></td>
14 |           <td>${status.created_at}</td>
15 |        </tr>
16 |       `;
17 |     });
18 |     document.querySelector("tbody").innerHTML = statusHTML;
19 |   } catch (error) {
20 |     console.error(error);
21 |   }
22 | });
23 | 
24 | 


--------------------------------------------------------------------------------
/js/repos.js:
--------------------------------------------------------------------------------
 1 | const submitBtn = document.querySelector("#submit-btn1");
 2 | submitBtn.addEventListener("click", async () => {
 3 |   const username = document.querySelector("#username").value;
 4 |   const url = `https://api.github.com/users/${username}/repos`;
 5 |   try {
 6 |     const response = await fetch(url);
 7 |     const data = await response.json();
 8 |     let statusHTML = "";
 9 |     data.forEach((status) => {
10 |       statusHTML += `
11 |         <tr>
12 |           <td><img src="${status.owner.avatar_url}" height="100" width="100"></td>
13 |           <td>${status.name}</td>
14 |           <td>${status.language}</td>
15 |           <td><a href="${status.html_url}">${status.html_url}</a></td>
16 |         </tr>
17 |       `;
18 |     });
19 |     document.querySelector("tbody").innerHTML = statusHTML;
20 |   } catch (error) {
21 |     console.error(error);
22 |   }
23 | });
24 | 
25 | 


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | const fetchData = (username, endpoint, columns) => {
 2 |   const request = new XMLHttpRequest();
 3 |   request.open('GET', `https://api.github.com/users/${username}/${endpoint}`, true);
 4 |   
 5 |   request.onload = () => {
 6 |     const data = JSON.parse(request.response);
 7 |     
 8 |     if (request.status >= 200 && request.status < 400) {
 9 |       let statusHTML = '';
10 |       statusHTML += '<tr>';
11 |       columns.forEach(column => {
12 |         statusHTML += `<th>${column}</th>`;
13 |       });
14 |       statusHTML += '</tr>';
15 |       data.forEach(status => {
16 |         statusHTML += '<tr>';
17 |         columns.forEach(column => {
18 |           if (column === 'html_url') {
19 |             statusHTML += `<td><a href="${status[column]}">${status[column]}</a></td>`;
20 |           } else if (column === 'avatar_url') {
21 |             statusHTML += `<td><img src="${status.avatar_url}" width="150" height="150"></td>`;
22 |           } else {
23 |             statusHTML += `<td>${status[column]}</td>`;
24 |           }
25 |         });
26 |         statusHTML += '</tr>';
27 |       });
28 |       document.querySelector('tbody').innerHTML = statusHTML;
29 |     } else {
30 |       document.querySelector('tbody').innerHTML = '<tr><td class="text-center">User not found or an error occurred</td></tr>';
31 |     }
32 |   }
33 |   request.send();
34 | }
35 | 
36 | document.querySelector('#submit-btn').addEventListener('click', () => {
37 |   const username = document.querySelector('#username').value.trim();
38 |   fetchData(username, 'repos', ['full_name', 'language', 'html_url']);
39 | });
40 | 
41 | document.querySelector('#submit-btn2').addEventListener('click', () => {
42 |   const username = document.querySelector('#username').value.trim();
43 |   fetchData(username, 'gists', ['html_url', 'created_at']);
44 | });
45 | 
46 | document.querySelector('#submit-btn3').addEventListener('click', () => {
47 |   const username = document.querySelector('#username').value.trim();
48 |   fetchData(username, 'following', ['avatar_url', 'login', 'html_url']);
49 | });
50 | 
51 | document.querySelector('#submit-btn4').addEventListener('click', () => {
52 |   const username = document.querySelector('#username').value.trim();
53 |   fetchData(username, 'followers', ['avatar_url', 'login', 'html_url']);
54 | });
55 | 


--------------------------------------------------------------------------------
/screenshots/followers.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Neoooby-Doo/gitgittu/c741b6caa2aa0e3399ad50d541891a9579a40b80/screenshots/followers.jpeg


--------------------------------------------------------------------------------
/screenshots/following.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Neoooby-Doo/gitgittu/c741b6caa2aa0e3399ad50d541891a9579a40b80/screenshots/following.jpeg


--------------------------------------------------------------------------------
/screenshots/gists.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Neoooby-Doo/gitgittu/c741b6caa2aa0e3399ad50d541891a9579a40b80/screenshots/gists.jpeg


--------------------------------------------------------------------------------
/screenshots/repositories.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Neoooby-Doo/gitgittu/c741b6caa2aa0e3399ad50d541891a9579a40b80/screenshots/repositories.jpeg


--------------------------------------------------------------------------------