SkillMatch: Breaking the Glass Ceiling with Skill-First Logic By Hala Kabir

This is a submission for the 2026 WeCoded Challenge: Echoes of Experience.

please check:
GitHub
Twitter

**

🥋 The Journey: From the Dojang to the Dashboard

**

My name is Hala. I am 11 years old, a certified Python instructor, and a 1st Dan Taekwondo Black Belt. In martial arts, we are taught that our strength comes from our technique and discipline, not from who we are or where we come from.

When I started coding, I noticed that the tech industry doesn't always work that way. Sometimes, "unconscious bias" acts like a glass ceiling—a barrier that stops talented women and underrepresented voices before they even get a chance to speak. For the WeCoded 2026 Challenge, I decided to build a tool that turns that "Glass Ceiling" into a "Glass Dashboard"—transparent, beautiful, and focused entirely on talent.

**

🚀 The Project: SkillMatch

**

SkillMatch is a full-stack marketplace designed for Blind-Hiring. Instead of showing names, photos, or genders, the search results focus 100% on Tech Stacks.

**

How it works:

**

The Developer: Logs in and posts their specific skills (e.g., "FastAPI, React, Python").
The Recruiter: Searches the global board by skill. They see the "Talent Cards" first.
The Connection: Only when the recruiter clicks "Connect" do they see the person's name and open a direct WhatsApp link to chat.

**

🛠️ The Tech Stack

**

I wanted to build something professional, so I moved away from simple scripts and built a real Full-Stack API bridge.

• Backend: Python 3.14 with the FastAPI library.
• Frontend: HTML5 & JavaScript (Fetch API).
• Design: Tailwind CSS with a "Glassmorphism" aesthetic.
• Communication: WhatsApp Deep Linking API.

**

💻 Code Highlights

**

1. The "Equity" Search Logic (Python/FastAPI)

This backend function ensures that recruiters can only find people based on the skills they actually possess. It filters the data instantly without revealing the user's identity until requested.

@app.get("/search")
def search_talent(skills: str = ""):
    # If no search query, show everyone in the talent pool
    if not skills:
        return talent_pool

    # Filter the list based on skill keywords (Case-insensitive)
    results = [p for p in talent_pool if skills.lower() in p["skills"].lower()]
    return results

2. The "Bridge" (JavaScript & WhatsApp API)

I used Deep Linking to make the connection between the recruiter and the developer feel instant and personal.

// This creates a personalized WhatsApp link when a recruiter finds a match

async function runSearch() {
    const res = await fetch(`${API}/search?skills=${query}`);
    const data = await res.json();

    grid.innerHTML = data.map(p => {
        // We pre-fill the message so the developer knows exactly why they are being contacted
        const message = encodeURIComponent(`Hi ${p.name}, I saw your ${p.skills} skills on SkillMatch! Ready to build?`);
        const waLink = `https://wa.me/${p.whatsapp}?text=${message}`;

        return `
            <div class="card">
                <h4>${p.skills}</h4>
                <a href="${waLink}" class="connect-btn">Connect with ${p.name}</a>
            </div>
        `;
    }).join('');
}

💡 Lessons Learned

Building this at 11 years old taught me that code is a superpower. You can use it to build walls, or you can use it to build doors. By using FastAPI and Tailwind, I learned how to handle real data and create a UI that feels modern and welcoming.

The biggest lesson? Equity isn't just a goal; it's a design choice. When we choose to build apps that prioritize skills over names, we choose to make the tech industry a fairer place for everyone.

🏁 Conclusion

I hope SkillMatch inspires other young developers to build tools that solve real problems. Whether you are a Black Belt in a martial art or a Black Belt in Python, your contribution to tech matters.

Let's break some barriers together! 🥋💻