{"id":20272009,"url":"https://github.com/hoangsonww/the-gitpeek-app","last_synced_at":"2025-04-11T04:35:37.006Z","repository":{"id":202654435,"uuid":"707852235","full_name":"hoangsonww/The-GitPeek-App","owner":"hoangsonww","description":"🧑‍💻 The GitPeek App allows users to effortlessly search and view detailed profiles of GitHub users. With a clean and intuitive interface, the app displays key user data, top repositories, and offers features like dark mode and search history. NOTE: GitHub API has a rate limit based on IP address, so be aware that our service may be down sometimes.","archived":false,"fork":false,"pushed_at":"2025-01-07T15:01:35.000Z","size":2708,"stargazers_count":22,"open_issues_count":1,"forks_count":16,"subscribers_count":16,"default_branch":"main","last_synced_at":"2025-04-11T04:35:31.413Z","etag":null,"topics":["css","github","github-pages-website","github-profile","html","javascript","react","reactjs"],"latest_commit_sha":null,"homepage":"https://gitpeek-app.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hoangsonww.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-20T20:07:34.000Z","updated_at":"2025-03-23T17:57:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"f529f724-1f56-4ca4-a35a-07a7d9fb6664","html_url":"https://github.com/hoangsonww/The-GitPeek-App","commit_stats":null,"previous_names":["hoangsonww/github-profile-quickview-app","hoangsonww/the-gitpeek-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hoangsonww%2FThe-GitPeek-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hoangsonww%2FThe-GitPeek-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hoangsonww%2FThe-GitPeek-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hoangsonww%2FThe-GitPeek-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hoangsonww","download_url":"https://codeload.github.com/hoangsonww/The-GitPeek-App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248345257,"owners_count":21088231,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","github","github-pages-website","github-profile","html","javascript","react","reactjs"],"created_at":"2024-11-14T12:40:51.972Z","updated_at":"2025-04-11T04:35:36.979Z","avatar_url":"https://github.com/hoangsonww.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# The GitPeek App\n\n## Description\n\nThe GitPeek App is a sleek, user-friendly web application designed to provide quick and comprehensive information about any GitHub user. Simply type in a GitHub username, and get instant access to a variety of data including bio, follower count, repository information, and much more, presented in an elegant and readable format. This app is built with HTML, CSS, and JavaScript, ensuring a lightweight and responsive user experience.\n\n## User Interface\n\n\u003cp align=\"center\" style=\"cursor: pointer\"\u003e\n    \u003cimg src=\"icons/ui.PNG\" alt=\"The GitPeek App Interface\" width=\"100%\" style=\"border-radius: 8px\"\n\u003c/p\u003e\n\n## Features\n\n- **User Search**: Easily search for any GitHub user by typing the username into the search bar.\n- **Comprehensive User Data**: View detailed information including bio, follower count, following count, repository information, location, company, and much more.\n- **Top Repositories**: Discover a user’s top repositories sorted by the number of stars.\n- **Dark Mode**: Switch between light and dark themes for optimal readability.\n- **User History**: Quickly access previously searched users.\n- **User Not Found Page**: Get instant feedback when a searched user is not found, with an option to navigate back to the main page.\n- **About Page**: Learn more about The GitPeek App, including its purpose and functionalities.\n\n## How to Use\n\n1. **Search for a User**\n   - Type a GitHub username into the search bar and press enter.\n   - The app will display detailed information about the user.\n\n2. **View User Repositories**\n   - The user’s top repositories are displayed at the bottom of the user card.\n\n3. **Navigate to About Page**\n   - Click the \"About\" button below the user card to learn more about the app.\n\n4. **Toggle Dark Mode**\n   - Click the \"Toggle Dark Mode\" button at the top of the page to switch between light and dark themes.\n\n5. **View Recent Users**\n   - Recently searched users are displayed at the bottom for quick access.\n\n6. **User Not Found**\n   - If the app cannot find the entered username, it will display a \"User not found\" message with a button to return to the main page.\n\n## GitHub API Note\n\nThis app uses the GitHub API to fetch user data. The API has a rate limit of 60 requests per hour for unauthenticated users (based on IP address). If you encounter any issues with the app, please wait for a few minutes before trying again.\n\n## Local Development\n\n### Prerequisites\n\n- A modern web browser.\n- A text editor for editing HTML, CSS, and JavaScript.\n\n### Steps\n\n1. Clone this repository or download the ZIP file.\n   - `git clone https://github.com/hoangsonww/The-GitPeek-App.git`\n\n2. Navigate to the project directory.\n   - `cd The-GitPeek-App`\n\n3. Open the `index.html` file in your web browser.\n\n4. To view different users, type a GitHub username into the search bar and press enter.\n\n5. Explore other features like dark mode, about page, and user history.\n\n## Technologies Used\n\n- **HTML5**: For structuring the web content.\n- **CSS3**: For styling the web content.\n- **JavaScript**: For adding interactive features and fetching data from the GitHub API.\n\n## License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n## Contributions\n\nContributions, issues, and feature requests are welcome! Feel free to check [issues page](https://github.com/yourusername/thegitpeekapp/issues) or open pull requests.\n\nEnjoy using The GitPeek App! 💻🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhoangsonww%2Fthe-gitpeek-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhoangsonww%2Fthe-gitpeek-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhoangsonww%2Fthe-gitpeek-app/lists"}