I am based in Cairo, Egypt
Karim Shalapy in Open Air Mall Karim Shalapy wearing a suit on the beach

Hi, I'm Karim. I'm a frontend engineer with a passion for CSS.

When I’m not coding, I’m probably gaming, debating movies, anime, or food adventures.

Currently
Front-end Developer @ Tangent

Let's talk   are you a recruiter?

I’m Karim, a framework-agnostic frontend engineer.

I help teams deliver animated, polished, responsive, and accessible front-end solutions.

Currently
Front-end Developer @ Tangent

Get in touch   not a recruiter?
Karim Shalapy in open air mall at night
Karim Shalapy wearing a suit on the beach

What I've been up to

  • Port Said Trip

    Port Said always feels like a small return to myself. Sitting by the sea, watching the waves crash into each other, I remember why this city holds a place in my heart — its people, its culture, its water.

    The new tourist walkway adds another layer of charm. Statues, carved pillars, and touches of English architecture line the path, all against the vast view of the Suez Canal. It’s quickly become my new favorite spot.

    A detailed decorative column with ornate gold carvings and the text "PORT SAID" at the top.
  • Kart Racing

    The moment the engines roared, the rush kicked in. Racing with my friends, flooring the gas pedal, chasing the curves — the thrill was unparalleled. Crossing the checkered flag, even in second place, felt like pure victory.

    It wasn’t about winning. It was about the speed, the laughter, and the promise that I’ll definitely do it again.

    Karim Shalapy in a red racing suit and black accents, holding a blue and red helmet.
  • Mousa Mountain Hike

    Climbing Mousa (Moses, peace be upon him) Mountain felt heavy at first, like I was dragging all my burdens with me. But reaching the peak before Fajr turned that weight into stillness. Praying there, where he once spoke to God, was like letting everything go.

    Then the sun broke over the rocks, painting the mountain gold. Strangers felt like friends, the air felt lighter, and for a moment life itself felt distant, small, and quiet. is independent?

    Karim Shalapy with a yellow backpack walking on a rocky, dusty path toward mountains under a clear blue sky.

Work experience

Over 4+ years of experience building accessible, performant front-end solutions.

Sparks to Code

Crafting code that drives impact, one line at a time.

I started out as a welding quality assurance engineer, making sure every weld was perfect and every measurement precise. It was tough, unpredictable work — and while I learned how to adapt fast and solve problems on the spot, I also realised something: I’d always been fond of computers since I was a kid, and my real spark wasn’t in steel, it was in code. That shift taught me more than just a new skill set. It taught me how much I value the craft of building things with care and purpose. Now, as a front-end developer, I bring the same obsession with detail into every project — only instead of welds, it’s interfaces, and instead of blueprints, it’s experiences people actually use.

Tech Stack

  • and more

How I build

  • CSS-First

    I start with the basics. If something can be built with CSS or vanilla JavaScript, that’s where I begin. This approach keeps my work lightweight, efficient, and free from unnecessary dependencies — code that’s crafted, not cluttered.

  • Framework-Agnostic

    Frameworks are tools, not the foundation of my career. With strong fundamentals in JavaScript, I adapt quickly to any framework, treating each as part of a broader toolkit. This makes me flexible and focused on solving problems, not tied to one stack.

  • Accessibility as Standard

    Accessibility isn’t an afterthought — it’s built in from the start. I design and code with everyone in mind, ensuring interfaces are usable by people with temporary, permanent, or no impairments at all. Inclusive design isn’t just good practice, it’s what makes products stand out.

Karim Shalapy

Featured Work

Highlighted projects I’ve helped bring to life for different clients.

  • Reed  

    Reed is a UK leader in recruitment with 65+ years of expertise, offering staffing, HR solutions, and career support across 20+ specialist sectors.

    • Next.js
    • TypeScript
    • GraphQL
    Reed website showcase
  • Tangent  

    Tangent is a strategic digital agency crafting future-ready experiences, products, and AI solutions—moving organizations from vision to execution.

    • Next.js
    • TypeScript
    • GraphQL
    • Framer Motion
    Tangent website showcase
  • UK Power Networks  

    Britain’s largest electricity distribution operator, delivering reliable power across London, the South East, and East England to over 8 million customers.

    • Next.js
    • TypeScript
    • GraphQL
    • GSAP
    UK Power Networks website showcase
  • Winparts  

    Winparts Belgium delivers over 1 million car parts across 40,500 vehicle types, with fast delivery, expert support, secure payment, and 30-day hassle-free returns.

    • Next.js
    • Tailwind CSS
    • GraphQL
    • Express.js
    Winparts website showcase
  • HyperOne  

    Hyperone is a major Egyptian hypermarket chain since 2005, offering online delivery of groceries, appliances, textiles, electronics—with seamless digital convenience.

    • Nuxt.js
    • TypeScript
    • Tailwind CSS
    • Storybook
    Hyperone website showcase

Projects Archive (6)

  • Badeel logo

    Badeel

    Badeel is an open-source platform listing boycott alternatives, helping users discover Israeli-supporting product substitutes with offline-first capabilities.

  • Vodafone Ta3limy logo

    Vodafone Ta3limy

    Ta3limy is Egypt’s first zero-rated, mobile-first interactive learning platform by Vodafone, offering free educational content for students, parents, and teachers.

  • Raya Shop logo

    RayaShop

    RayaShop is Egypt’s largest electronics e-commerce, offering top-brand devices, fast delivery, free shipping, warranty support, and flexible installment plans.

  • Onesight logo

    Onesight

    OneSight delivers plug-and-play e-commerce analytics with zero setup—real-time data, AI-powered insights, comprehensive reports and fair pricing.

  • A text saying kashida-engine with the Github logo

    Kashida Engine

    Kashida Engine is a utility script that normalizes Arabic text widths by inserting Kashidas, aligning multiple strings uniformly.

  • A text saying slippers-react with the Github logo

    Slippers React

    Slippers-React is a fully responsive, demo e-commerce frontend to replicate a famous E-commerce store, featuring interactive filters, auth, and cart functionality.

Recent Thoughts

Explore my latest insights, articles, and musings. Dive into my recent reflections on technology, career paths, and a variety of other topics.

More in Thoughts

Kind Words