# 📌 CODING CARDS - Usage Guide

Showcase your coding journey with **CODING CARDS**! Effortlessly generate a personalized coding profile card displaying your achievements from **LeetCode** and **GeeksforGeeks**.

---

## 🚀 How to Use

Go to **[CODING CARDS](https://www.codingcards.sanjuchilukuri.me/)**  

1. **Select a Platform**  
   Choose either **LeetCode** or **GeeksforGeeks** from the platform dropdown.

2. **Enter Your Username**  
   Provide your username associated with the selected platform.

3. **Customize Your Card**  
   - Pick a **Theme** to style your profile card.  
   - Use the **Slider** to preview different profile card designs.

4. **Choose Output Format**  
   - **Profile Card (SVG):** A beautifully crafted SVG image with your coding stats.  
   - **Markdown:** Returns an SVG link formatted for markdown integration.  
   - **Raw Data (JSON):** Get the structured JSON data of your coding profile.

5. **Generate & Share**  
   Click the **Generate** button to fetch your stats and preview your card.  
   Share your coding profile with the community!

---

## 🖥️ Example Markdown Usage

To embed your profile card in a README or blog:

### GeeksforGeeks  
```
[![Coding Profile](https://coding-cards.vercel.app/api/gfg-stats?action=profileCard&theme=dark&userName=sanju_chilukuri)](https://www.codingcards.sanjuchilukuri.me/)
```

### LeetCode  
```
[![Coding Profile](https://coding-cards.vercel.app/api/leetcode-stats?action=profileCard&theme=dark&userName=sanju_chilukuri)](https://www.codingcards.sanjuchilukuri.me/)
```
<p >
  <a href="https://www.geeksforgeeks.org/user/sanju_chilukuri">
    <img src="https://coding-cards.vercel.app/api/gfg-stats?action=profileCard&theme=dark&userName=sanju_chilukuri" width="350">
  </a>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <a href="https://leetcode.com/sanju1819/">
    <img src="https://coding-cards.vercel.app/api/leetcode-stats?action=profileCard&theme=dark&userName=sanju1819" width="350">
  </a>
</p>

---

## 🎯 Why Use CODING CARDS?

✔ Track & showcase your coding progress  
✔ Compare rankings & improve performance  
✔ Easy sharing & customization  

Start creating your **Coding Profile Card** today and let your achievements shine! 🚀