GitHub Profile Explorer 🚀

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.

Demo 🎥

For a live demonstration of GitHub Profile Explorer, you can visit the Demo Page.

Features ✨

1. 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.

2. User Repositories: Lists repositories owned by the GitHub user, showing repository names, descriptions, and links to visit each repository.

3. 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.

4. Organization Repositories: Lists repositories owned by the organization, showing repository names, descriptions, and links to visit each repository.

5. Responsive Design: The application is designed to be responsive, ensuring a seamless experience across various devices and screen sizes.

6. 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.

7. 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.

8. Show/Hide Details Button: Users can toggle the visibility of the footer by clicking the "😃 Show Details" button.

How to Use 🚀

1. Open the index.html file in a web browser.
2. Enter the GitHub username and organization name in the const username and const orgName variables, respectively, in the JavaScript section.
3. Reload the page, and the GitHub user's information, repositories, and organization details (if applicable) will be displayed.

Technologies Used 🛠️

• 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.

Project Author 👨‍💻

• Kamrul Hossain
  • GitHub: kamrullab
  • Facebook: elitekamrul

Version 📌

• Version 0.1

Feel free to explore and customize this project to meet your specific needs! 🌟