YALDAKHOSHPEY

KO | EN

gitlite — search

#javascript #ai #typescript #machine-learning #deep-learning #linux #docker #nodejs #macos #kubernetes #vue #security #pytorch #openai

(★ 62)

👩‍💻 Front-End Developer | Creative Coder | Always learning & building 🚀

YALDAKHOSHPEY Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <strong style="color:#9B30FF;">❤️‍🔥Full-Stack Developer (React / Next.js / Node.js)</strong><br/>
  <em style="color:#FF1493;">"Code with passion, design with purpose."</em>
</p>

<div align="center">
  
## <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" width="28"> GitHub Languages Card

<p align="center">
  <strong>Transform any GitHub profile into a clean, shareable language analytics card.</strong>
  <br>
  Built for README profiles, portfolios, developer showcases, and open-source communities.
</p>

</p>

---

## 👩‍💻 About Me

Full-Stack Developer • Open Source Contributor • Creator of GitHub Languages Card

---

## <img src="https://media.giphy.com/media/WUlplcMpOCEmTGBtBW/giphy.gif" width="35"> Digital Artisan: Yalda

### 🛠️ My Development Arsenal

<div align="center">
  <table style="width: 100%; max-width: 900px; margin: 0 auto; border-collapse: collapse; background: transparent;">
    <tbody>
      <tr>
        <td align="center" style="padding: 12px; background: linear-gradient(145deg, #0d0d1a, #13132b); border-radius: 24px; border: 1px solid rgba(255,20,147,0.2); box-shadow: 0 8px 20px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);">
          <div style="padding: 15px 8px;">
            <img src="https://skillicons.dev/icons?i=react" width="45" height="45" style="filter: drop-shadow(0 0 8px #61DAFB);">
            <div style="font-size: 14px; font-weight: bold; color: #61DAFB; margin-top: 12px;">React & Next</div>
            <div style="font-size: 11px; color: #aaa; margin-top: 8px;">Components & SSR</div>
          </div>
        </td>
        <td align="center" style="padding: 12px; background: linear-gradient(145deg, #0d0d1a, #13132b); border-radius: 24px; border: 1px solid rgba(255,20,147,0.2); box-shadow: 0 8px 20px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);">
          <div style="padding: 15px 8px;">
            <img src="https://skillicons.dev/icons?i=nodejs" width="45" height="45" style="filter: drop-shadow(0 0 8px #539E43);">
            <div style="font-size: 14px; font-weight: bold; color: #539E43; margin-top: 12px;">Node.js</div>
            <div style="font-size: 11px; color: #aaa; margin-top: 8px;">APIs & Backend</div>
          </div>
        </td>
        <td align="center" style="padding: 12px; background: linear-gradient(145deg, #0d0d1a, #13132b); border-radius: 24px; border: 1px solid rgba(255,20,147,0.2); box-shadow: 0 8px 20px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);">
          <div style="padding: 15px 8px;">
            <img src="https://skillicons.dev/icons?i=postgres" width="45" height="45" style="filter: drop-shadow(0 0 8px #336791);">
            <div style="font-size: 14px; font-weight: bold; color: #67C8FF; margin-top: 12px;">PostgreSQL</div>
            <div style="font-size: 11px; color: #aaa; margin-top: 8px;">Supabase & Data</div>
          </div>
        </td>
        <td align="center" style="padding: 12px; background: linear-gradient(145deg, #0d0d1a, #13132b); border-radius: 24px; border: 1px solid rgba(255,20,147,0.2); box-shadow: 0 8px 20px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);">
          <div style="padding: 15px 8px;">
            <img src="https://skillicons.dev/icons?i=git" width="45" height="45" style="filter: drop-shadow(0 0 8px #F05032);">
            <div style="font-size: 14px; font-weight: bold; color: #F05032; margin-top: 12px;">Git & GitHub</div>
            <div style="font-size: 11px; color: #aaa; margin-top: 8px;">Version Control</div>
          </div>
        </td>
        <td align="center" style="padding: 12px; background: linear-gradient(145deg, #0d0d1a, #13132b); border-radius: 24px; border: 1px solid rgba(255,20,147,0.2); box-shadow: 0 8px 20px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);">
          <div style="padding: 15px 8px;">
            <img src="https://skillicons.dev/icons?i=figma" width="45" height="45" style="filter: drop-shadow(0 0 8px #F24E1E);">
            <div style="font-size: 14px; font-weight: bold; color: #F24E1E; margin-top: 12px;">Figma</div>
            <div style="font-size: 11px; color: #aaa; margin-top: 8px;">UI/UX Design</div>
          </div>
        </td>
        <td align="center" style="padding: 12px; background: linear-gradient(145deg, #0d0d1a, #13132b); border-radius: 24px; border: 1px solid rgba(255,20,147,0.2); box-shadow: 0 8px 20px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);">
          <div style="padding: 15px 8px;">
            <img src="https://skillicons.dev/icons?i=tailwind" width="45" height="45" style="filter: drop-shadow(0 0 8px #38BDF8);">
            <div style="font-size: 14px; font-weight: bold; color: #38BDF8; margin-top: 12px;">Tailwind</div>
            <div style="font-size: 11px; color: #aaa; margin-top: 8px;">Styling & Animations</div>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>

<div align="center" style="margin: 25px auto 15px;">
  <img src="https://readme-typing-svg.demolab.com?font=Fira+Code&size=14&duration=3000&pause=400&color=9B30FF&center=true&width=600&lines=✨+Every+tool+mastered%2C+every+skill+honed+✨;🚀
---

<h2 align="center">
  <img src="https://media.giphy.com/media/26Fxy3Iz1ari8oytO/giphy.gif" width="35">
  <span style="background: linear-gradient(135deg, #FF1493, #9B30FF, #DA70D6); background-clip: text; -webkit-background-clip: text; color: transparent;">
    Ranked among top GitHub contributors in Iran
  </span>
  <img src="https://media.giphy.com/media/26Fxy3Iz1ari8oytO/giphy.gif" width="35">
</h2>

</p>
  
*"Two minds, one vision - building high-quality web solutions in sync"* ✨
</div>

<table align="center">
  <tr>
    <td align="center" width="200">
      <a href="https://github.com/VIDAKHOSHPEY22">
        <img src="https://github.com/VIDAKHOSHPEY22.png?size=200" width="160" style="border-radius: 50%; border: 4px solid #8A2BE2; box-shadow: 0 8px 16px rgba(138, 43, 226, 0.3);" alt="Vida"/>
        <br />
        <sub><b style="color: #8A2BE2; font-size: 1.2em;">Vida</b></sub>
      </a>
      <br />
      <span style="font-size: 1em;">
        🧠 Full-Stack Developer<br/>
        🤖 AI & ML Enthusiast<br/>
        🌐 Web Application Architect
      </span>
      <br /><br />
      <a href="https://github.com/VIDAKHOSHPEY22">
        <img src="https://img.shields.io/badge/-Vida's_GitHub-8A2BE2?style=for-the-badge&logo=github&logoColor=white" alt="Vida's GitHub"/>
      </a>
    </td>
    <td align="center" width="100">
      <span style="font-size: 3em; color: #DA70D6;">👯</span>
    </td>
    <td align="center" width="200">
      <a href="https://github.com/YALDAKHOSHPEY">
        <img src="https://github.com/YALDAKHOSHPEY.png?size=200" width="160" style="border-radius: 50%; border: 4px solid #BA55D3; box-shadow: 0 8px 16px rgba(186, 85, 211, 0.3);" alt="Yalda"/>
        <br />
        <sub>
          <b style="color: #BA55D3; font-size: 1.2em;">Yalda</b>
        </sub>
      </a>
      <br />
      <span style="font-size: 1em;">
        ⚡ Full-Stack Developer (React / Next.js / Node.js)<br/>
        🌈 Front-End Artist & Performance Optimizer
      </span>
      <a href="https://github.com/YALDAKHOSHPEY">
        <img src="https://img.shields.io/badge/-Yalda's_GitHub-BA55D3?style=for-the-badge&logo=github&logoColor=white" alt="Yalda's GitHub"/>
      </a>
    </td>
  </tr>
</table>

<div align="center">
✨ Together, we build scalable, high-performance web apps and explore AI innovations ✨
</div>

### 🔮 Our Twin Superpowers
**Synced Coding** • **Double Debugging** • **Shared Brainstorming** • **Perfect Pair Programming**

---

### 🛠️ Tech Stack & Skills

<div align="center">
  <br>
  
  <img src="https://skillicons.dev/icons?i=html,css,js,react,nodejs,postgres,mongodb,python" />
  
  <br><br>
  
  | Skill | Proficiency |
  |-------|-------------|
  | **HTML5** | ████████░░░░ 80% |
  | **CSS3** | ███████░░░░░ 75% |
  | **JavaScript** | ███████░░░░░ 75% |
  | **React** | ███████░░░░░ 75% |
  | **Node.js** | ███████░░░░░ 70% |
  | **PostgreSQL** | ███████░░░░░ 70% |
  | **MongoDB** | ███████░░░░░ 70% |
  | **Python** | ███████░░░░░ 70% |
  
  <br>
  
  <sub>🚀 Always learning and improving</sub>
  
</div>

---

## 📈 GitHub Stats

<p align="center">
  <img src="https://github-readme-stats-sigma-five.vercel.app/api?username=YALDAKHOSHPEY&show_icons=true&theme=radical&hide_border=true&title_color=DA70D6&icon_color=FF69B4&text_color=C8A2C8&bg_color=0d1117&ring_color=BA55D3&border_radius=18" width="95%" max-width="400px" />
</p>

<p align="center">
  <img src="https://streak-stats.demolab.com?user=YALDAKHOSHPEY&theme=radical&hide_border=true&ring=DA70D6&fire=FF69B4&currStreakNum=E6E6FA&currStreakLabel=DA70D6&sideNums=C8A2C8&sideLabels=BA55D3&dates=A9C9FF&background=0d1117" width="95%" max-width="400px" />
</p>

<p align="center">
  <img src="https://github-readme-stats-sigma-five.vercel.app/api/top-langs/?username=YALDAKHOSHPEY&theme=radical&hide_border=true&layout=compact&title_color=DA70D6&text_color=C8A2C8&bg_color=0d1117&border_radius=18" width="95%" max-width="400px" />
</p>

## Let's Connect

---

## 🐍 GitHub Contribution Snake

## 💖 Support My Work

<p align="center">
  <i>⚡ GitHub Sponsors isn't available in my country yet — but your support still means the world! 🇮🇷❤️</i>
</p>

<br/>

<p align="center">
  <b>🏦 BluBank (Iran)</b><br/>
  <code>6219-8619-4998-5955</code><br/>
  <sub>Yalda Khoshpey · Bank Saman</sub><br/>
  <img src="https://github.com/YALDAKHOSHPEY/YALDAKHOSHPEY/blob/15ba06cea6394b55f763ae2c109d97183323c638/BluBank_User_QR_1404_4_18_003122.jpg?raw=true" width="120" />
</p>

<p align="center">
  <b>₿ Crypto</b><br/>
  <code>TBC28jbxtBGytLQdVZjJmf73ULJunvTghT</code> <sub>(USDT·TRC20)</sub><br/>
  <code>bc1q99fjq70uggsyxf2npmpgzd40w3tx7mpxfgwnuf</code> <sub>(BTC)</sub><br/>
  <code>0x2F23eadfF52f67Fb9a7d5ed9f36E921cC164C795</code> <sub>(ETH)</sub>
</p>

<p align="center">
  🙏 <i>Thank you for fueling my open-source journey!</i>
</p>

---

<sub>Thanks for visiting ⚡</sub>

</div>

YALDAKHOSHPEY

YALDAKHOSHPEY Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

YALDAKHOSHPEY

YALDAKHOSHPEY Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README