https://github.com/bish9oi/github-profile-viewer

GitHub Profile Viewer, designed to display information about GitHub users and their repositories(soon).
https://github.com/bish9oi/github-profile-viewer

api github-api javascript javascript-api

Last synced: 10 months ago
JSON representation

GitHub Profile Viewer, designed to display information about GitHub users and their repositories(soon).

• Host: GitHub
• URL: https://github.com/bish9oi/github-profile-viewer
• Owner: bish9oi
• Created: 2025-03-07T04:10:52.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-03-07T05:17:48.000Z (10 months ago)
• Last Synced: 2025-03-07T05:25:30.889Z (10 months ago)
• Topics: api, github-api, javascript, javascript-api
• Language: JavaScript
• Homepage: https://githubprofile-viewer.netlify.app/
• Size: 13.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# 🚀 GitHub Profile Viewer

![GitHub Repo Size](https://img.shields.io/github/repo-size/bish9oi/github-profile-viewer?style=for-the-badge)

![GitHub Contributors](https://img.shields.io/github/contributors/bish9oi/github-profile-viewer?style=for-the-badge)

![GitHub Stars](https://img.shields.io/github/stars/bish9oi/github-profile-viewer?style=for-the-badge)

![GitHub Forks](https://img.shields.io/github/forks/bish9oi/github-profile-viewer?style=for-the-badge)

> A modern **GitHub Profile Viewer** that allows you to search for GitHub users, visualize their repositories, tech stacks, and contributions. Supports **Dark Mode** and uses **GitHub API** for fetching data.

---

🎯 Features

✅ Search GitHub Users & Fetch Profiles 🧑‍💻

✅ View Repositories with Stars & Forks ⭐

✅ Analyze Most Used Technologies 📊

✅ View Tech Stack (Libraries & Frameworks) 🔍

✅ Display GitHub Contributions (Last Year) 📅

✅ Dark Mode Support 🌙

✅ Fully Responsive UI 📱

---

## 🛠 Tech Stack

![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white)

![Chart.js](https://img.shields.io/badge/Chart.js-F57846?style=for-the-badge&logo=chartdotjs&logoColor=white)

![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

![GitHub API](https://img.shields.io/badge/GitHub_API-181717?style=for-the-badge&logo=github&logoColor=white)

---

## 📥 Installation & Setup

1. **Clone the Repository**

   ```bash

   git clone https://github.com/your-username/github-profile-viewer.git

   ```

2. **Navigate to the Project Directory**

   ```bash

   cd github-profile-viewer

   ```

3. **Run the Project**

   ```bash

   run use basic JS

   ```

---

## 📸 Screenshots

🌞 Light Mode 

 ![Screenshot (907)](https://github.com/user-attachments/assets/eaffa0b9-f9d2-4203-af25-b17c06d34ef7)

 🌙 Dark Mode 

 ![Screenshot (905)](https://github.com/user-attachments/assets/ea2a1239-dc69-49cd-a59c-c048d268df51)

---

## 🤝 Contributing

Contributions are always welcome! Follow these steps:

1. **Fork the repository**

2. **Create a new branch** (`git checkout -b feature-branch`)

3. **Commit your changes** (`git commit -m 'Add some feature'`)

4. **Push to the branch** (`git push origin feature-branch`)

5. **Open a Pull Request** 🚀

---

## 📬 Contact

📧 **Email:** bishnoiravindra344@gmail.com 

🔗 **GitHub:** (https://github.com/bish9oi)  

🔗 **LinkedIn:** (https://www.linkedin.com/in/ravindra-bishnoi-1601a125a/)