hero

Hey!

I'm Khaled Refaat Elkady

I Build Full-Stack Stuff That Actually Works!

Debugging, refactoring, and the occasional spark of insight. I bridge the gap between rough ideas and polished software.

studying

A Bit About Me
(& My Code)

I'm a full-stack developer obsessed with building beautiful, functional software. I love solving complex problems and creating elegant solutions that scale.

I like building things that scale, make sense, and don't break under pressure. Complex challenges? Bring 'em on—I eat problems for breakfast and deliver solutions by lunch.

My Skills & Stack

Categories

Tools & Tech

Languages

JavaScriptTypeScript

Frontend

ReactNext.jsTypeScriptTailwind CSSFramer Motion

Backend

Node.jsExpress.js

Database

PostgreSQLMongoDBRedisDrizzlePrismaMongoose

Tools & Tech

GitGitHubDockerAWSVercel

My Personal Playground

Cash Clinic - Interactive Video Platform

Cash Clinic - Interactive Video Platform

Cash Clinic is a financial education platform built around a fully custom interactive video learning experience.

  • Custom video player with sectioned navigation
  • Embedded questions, notes, and interactive elements
  • Video tracking with saved progress
  • Navigate between videos or jump to specific timestamps
  • Downloadable resources integrated into the player
  • Custom drag-and-drop to reposition elements on the page
  • Multi-language support
Next.jsTypeScriptZustanddnd-kitFramer Motionnext-intlZodReact Hook FormTailwind CSS
Cr8 - Designer Marketplace Platform

Cr8 - Designer Marketplace Platform

Cr8 is a marketplace platform for designers to upload, customize, and sell their products — similar to Redbubble. It features a custom mockup editor that uses 2D canvas and PSD smart object replacement to preview designs on products realistically.

  • Upload and manage design products
  • Custom mockup editor using 2D canvas
  • PSD smart object replacement for realistic product previews
  • Designer store/profile management
  • Customer-facing shop to browse and purchase designs
  • Dashboard with analytics
  • Multi-language support
Next.jsTypeScriptZustandTanStack Queryag-psdnext-intlZodReact Hook FormTailwind CSS
faq

Got a question? Let's chat.

I'm just a message away. Whether it's a bug, a collab, or just to say hi.

gmail

Send me an email.

whatsapp

Text me on whatsapp.

I mostly work on web apps and e-commerce platforms — dashboards, marketplaces, SaaS products. I also have experience with React Native mobile apps, though my main focus is web. I enjoy projects that have complex UI and real product depth to them.
Yes, and I take it seriously. I start by going deep into the Figma designs and asking questions to make sure I fully understand the business logic before writing a single line of code. I identify the right technologies for the job and use tools like Stately to map out the most important flows and states in the app. I find that this upfront thinking saves a lot of pain later.
Yes — I work as a full-stack developer, but I am frontend heavy. I can build and maintain APIs and handle backend logic when needed, but my strongest work and deepest experience is on the frontend, building solid, performant, and well-structured user interfaces.
If it is a completely new concept, I start with a Frontend Masters course — they are focused, practical, and give me the right mental model quickly. After that, I jump straight into building projects and use the official docs as my reference along the way. I find that learning and building at the same time is what makes things actually stick.
I am currently available and ready to start immediately. I recently finished my previous role and I am fully focused on finding the right next opportunity.
I adapt well to however the team works — whether that is regular syncs or async communication. I have worked with tools like Asana to manage tasks and stay aligned with the team. When it comes to feedback, I take it seriously, think it through, and focus on what is best for the product and the business rather than personal preference.

Where I've Worked

Frontend Developer (Remotely)

Feb 2024 - Jan 2026

  • Developed responsive web applications using React.js, Next.js, Zod , TypeScript achieving seamless user experiences across devices.
  • Collaborated with designers to create intuitive, accessible UI with Tailwind CSS, ensuring pixel-perfect implementation and smooth navigation.
  • Optimized frontend performance by refining rendering techniques, reducing load times, and enhancing scalability.
  • Engaged in Agile workflows, contributing to sprint planning, stand-ups, and code reviews using Git for version control.
  • Created detailed frontend component and style guides, improving team collaboration and onboarding efficiency.
award