zluvsand / github_profile

💥 Sample code snippets for GitHub profile README 💥

💼 Sample code snippets for GitHub profile README.md

To customise your GitHub Profile, include your favourite code snippets in README.md in a public repository named after your GitHub <username>. README.md must be located at the root directory of the repository.

👉 0. Contents

👽 1. About me section
🎨 2. Images
📈 3. GitHub README stats
☎️ 4. Connect with me section
🛠️ 5. Languages and tools
📁 6. Organise
📚 7. Other additional resources

👽 1. About me section

Sample prompt:

Hi there 👋

• 👂 My name is ...
• 👩 Pronouns: ...
• 🔭 I’m currently working on ...
• 🌱 I’m currently learning ...
• 🤝 I’m looking to collaborate on ...
• 🤔 I’m looking for help with ...
• 💬 Ask me about ...
• 📫 How to reach me: ...
• ❤️ I love ...
• ⚡ Fun fact: ...

👽 1.1. Additional resources

• Complete list of github markdown emoji markup

---

🎨 2. Images

There are two ways to embed an image:

• HTML approach: <img src="<url>"/>
• Markdown approach: ![](<url>)

🎨 2.1. Sample image

Photo by Cédric Frixon on Unsplash

🎨 2.2. Sample banner

🎨 2.3. Sample gif

🎨 2.4. Additional resources

• Canva, Excalidraw or draw.io
• Unsplash
• Giphy or Tenor

---

📈 3. GitHub README stats

To customise the following summaries for your GitHub, replace zluvsand with your GitHub username and github_profile with your repository to display.

📈 3.1. GitHub stats

📈 3.2. Most used languages

More compact version:

📈 3.3. Total contributions and streaks

📈 3.4. GitHub repository

📈 3.5. Themes

To apply theme from available themes, add &theme=<theme_name> to the url. Here's how to apply dark theme to our example on GitHub stats:

📈 3.6. Additional resources

• GitHub Readme Stats
• Github Readme Streak Stats
• Awesome GitHub Stats Demo

---

☎️ 4. Connect with me section

☎️ 4.1. Inspiration 1

☎️4.2. Inspiration 2

☎️ 4.3. Inspiration 3

☎️ 4.4. Additional resources

• Shields.io
• Markdown Badges
• 150+ Badges for GitHub
• Iconfinder
• VectorLogoZone
• Simple Icons
• Devicon

---

🛠️ 5. Languages and tools

🛠️ 5.1. Inspiration 1

🛠️ 5.2. Inspiration 2

🛠️ 5.3. Inspiration 3

Python	Java	HTML	CSS
React	git	GitHub	Canva

🛠️ 5.4. Additional resources

Same as section ☎️ 4.4.

---

📁 6. Collapsible sections

✨About Me

Sample text

🛠️ Languages & Tools

Sample text

To embed images inside a collapsible section, need to use the HTML approach:

🎁 Open me (Markdown approach)


🎁 Open me (HTML approach)

---

📚 7. Other additional resources

• Awesome GitHub Profile README
• Repositories on GitHub Profile
• Sophisticated embeddable metrics
• GitHub Profile README Generator
• Awesome GitHub Profile README Template Collection

---

⭐ If you like the repository, don't forget to star the repository. ⭐