Home

GitHub Profile Repository

Welcome to the GitHub Profile Repository! This repository contains the source code and assets for creating a dynamic and visually appealing GitHub profile page. The project is designed to showcase your GitHub stats, top repositories, skills, and more in an interactive and responsive way.

---

Table of Contents

• GitHub Profile Repository
  • Table of Contents
  • About the Project
  • Features
  • Folder Structure
    • Key Files
  • Technologies Used
  • How to Use
  • Screenshots
    • Profile Page
    • Top Repositories Section
  • Contributing
  • License

---

About the Project

This project is a customizable GitHub profile page that dynamically fetches data from the GitHub API to display:

• User profile information
• Top repositories (both personal and organizational)
• GitHub stats and activity graphs
• Skills and tech stack
• Recent YouTube videos

The page is fully responsive and designed to provide a professional and engaging way to showcase your GitHub activity and projects.

---

Features

• Dynamic Data Fetching: Uses the GitHub API to fetch real-time data for repositories, stats, and more.
• Top Repositories: Displays the top repositories based on stars, forks, commits, and pull requests.
• Organization Repositories: Highlights top repositories from a specified organization.
• Activity Graphs: Visualizes GitHub activity with contribution graphs.
• YouTube Integration: Displays recent videos from a linked YouTube channel.
• Responsive Design: Optimized for all screen sizes.

---

Folder Structure

📁 GitHub Profile/
├── index.html                🌐 Main HTML entry point
├── README.md                 📘 Project overview

├── CSS/                      🎨 All styling files
│   ├── about.css             📝 Personal/About section
│   ├── contact.css           📞 Contact form styling
│   ├── graph.css             📊 GitHub graph styles
│   ├── profile-graph.css     📈 Profile contribution graph
│   ├── Responsive.css        📱 Mobile responsiveness
│   ├── skills.css            💼 Skills section
│   ├── stats.css             📉 Stats and metrics
│   ├── style.css             🎨 Main/global styles
│   ├── Toprepo.css           🔝 Top repos display
│   └── youtube.css           🎥 YouTube integration

├── git/                      🖼️ GitHub-themed icons & memes
│   ├── github.png            🐙 GitHub logo
│   ├── galaxy-brain.png      🧠 Galaxy brain meme
│   ├── pair-programming.jpeg 🤝 Pair programming image
│   ├── pull-request-shark.jpeg 🦈 Pull request shark
│   ├── QuickDraw.png         🖌️ Quick Draw artwork
│   ├── ridal.png             🎨 Custom graphic
│   ├── star.png              ⭐ Star icon
│   └── yolo.jpeg             🕶️ YOLO meme

├── image/                    🖼️ UI images and GIFs
│   ├── Antim_pal.png         👤 Profile image
│   ├── banner.png            🌟 Profile banner
│   ├── hot.gif               🔥 Highlight animation
│   └── welcome-header.gif    🎉 Welcome header GIF

├── Javascript/               ⚙️ Functionality & interactivity
│   ├── main.js               🔧 Main functionality
│   ├── nav.js                🧭 Navigation logic
│   ├── orgTopRepo.js         🏢 Organization's top repos
│   ├── topRepo.js            📂 General top repos
│   └── youtube.js            📺 YouTube API integration

└── profile/                  📄 Experimental or alternate content
    ├── check.html            ✅ HTML preview/testing
    ├── readme2.md            📘 Draft README
    └── readmeupdate.md       🔁 Updates & logs

Key Files

• index.html: Main HTML file for the profile page.
• CSS/: Contains all the stylesheets for different sections of the page.
• Javascript/: Contains JavaScript files for dynamic data fetching and interactivity.
• image/: Stores images used in the profile page.
• git/: Contains achievement badges and icons.

---

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• GitHub API
• Responsive Design

---

How to Use

1. Clone the repository:

   git clone https://github.com/iamAntimPal/Github-Profile.git

2. Open the index.html file in your browser to view the profile page.
3. Customize the content by editing the HTML, CSS, and JavaScript files as needed.

---

Screenshots

Profile Page

Top Repositories Section

---

Contributing

Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.

---

License

This project is licensed under the MIT License. See the LICENSE file for details.