GitHub Profile Explorer is a web application that allows users to explore GitHub profiles and repositories easily. It provides a visually appealing and user-friendly interface to view details about a GitHub user, including their profile information, repositories, and organization details. The project is built using HTML, CSS, and JavaScript, with Bootstrap for styling.
For a live demonstration of GitHub Profile Explorer, you can visit the Demo Page.
-
User Profile Details: Displays information about a GitHub user, including their profile picture, name, bio, location, GitHub member since, and a link to visit their GitHub profile.
-
User Repositories: Lists repositories owned by the GitHub user, showing repository names, descriptions, and links to visit each repository.
-
Organization Details: If the GitHub user is associated with an organization, it displays organization details, including the organization's profile picture, name, description, website, GitHub organization since, and a link to visit the GitHub organization.
-
Organization Repositories: Lists repositories owned by the organization, showing repository names, descriptions, and links to visit each repository.
-
Responsive Design: The application is designed to be responsive, ensuring a seamless experience across various devices and screen sizes.
-
Styling and Interactivity: The project features a clean and attractive design using Bootstrap. It includes interactive elements such as profile image hover effects and repository item hover effects.
-
Footer with Additional Information: The footer contains additional information about the GitHub Profile Explorer, including the creator's name, links to GitHub and Facebook profiles, and the version of the application.
-
Show/Hide Details Button: Users can toggle the visibility of the footer by clicking the "😃 Show Details" button.
- Open the
index.html
file in a web browser. - Enter the GitHub username and organization name in the
const username
andconst orgName
variables, respectively, in the JavaScript section. - Reload the page, and the GitHub user's information, repositories, and organization details (if applicable) will be displayed.
- HTML: Markup language for structuring the web page.
- CSS: Stylesheet language for styling the web page.
- JavaScript: Programming language for dynamic content and interactivity.
- Bootstrap: Front-end framework for responsive and visually appealing design.
- Kamrul Hossain
- GitHub: kamrullab
- Facebook: elitekamrul
- Version 0.1
Feel free to explore and customize this project to meet your specific needs! 🌟