Skip to content
View KhaledElmorsy's full-sized avatar
๐ŸŽฏ
Focusing
๐ŸŽฏ
Focusing

Block or report KhaledElmorsy

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please donโ€™t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
KhaledElmorsy/README.md

Hi, I'm Khaled

Software Engineer | Frontend Architecture & End-to-End Type Safety

Building purposeful, maintainable systems through rigorous static typing and intentional design.


๐Ÿง  Engineering Philosophy

I specialize in the space where the frontend meets the backend. I don't just build UI, I design predictable, type-safe ecosystems that eliminate runtime errors and dramatically improve Developer Experience (DX).

  • Contract-Driven Development: I leverage advanced TypeScript (recursive mapped types, contravariance, generic constraints) and tools like Zod to create shared, E2E type-safe boundaries between client and server.
  • State & Architecture: I prioritize localized, granular state management, flattened tree-traversals, and intentional framework-agnostic architectural patterns over monolithic global stores.
  • Engineering Standards: I am a strong advocate for a clean Git history (rebase-squash workflows, conventional commits), deterministic testing environments (ephemeral Docker containers), and rigorous PR code-quality reviews.

๐Ÿ› ๏ธ Open Source Core Contributor: Jest (jestjs/jest)

Jest is a deeply entrenched JavaScript testing framework with over 45,000+ stars. I have contributed directly to the core engine to resolve edge cases and support modern JS standards.

  • #14297: Implemented node: URL import mocking to enable native support for projects utilizing modern Node module standards.
  • #14894: Resolved a recursive stack-overflow in toMatchObject() for circular data, drastically improving deep-object match reliability.
  • #14313: Resolved deep-engine edge cases in test.failing with snapshot matchers to eliminate unstable test behavior.

๐Ÿ—๏ธ Featured Engineering Ecosystems

I build projects to demonstrate enterprise-grade architectural patterns. Feel free to explore the codebases below to see my approach to E2E type safety, raw SQL optimization, and real-time event synchronization.

๐Ÿ“ The Blogfolio Ecosystem

A fully decoupled Content Management System demonstrating extreme type-safety boundaries and composable validation.

  • ๐Ÿ“ฆ Blogfolio Types (Shared Package): The SSoT of the ecosystem. Features a custom uniqueIDTree compiler that statically analyzes an entire application error dictionary at compile-time to prevent duplicate codes.
  • ๐Ÿ’ป Blogfolio Client (React FE): Features a custom useRefinedState hook that binds Zod schemas directly to React state for UI-localized, type-safe validation without heavy form libraries.
  • ๐Ÿš€ Blogfolio Server (Node BE): Ditches heavy ORMs for PgTyped, generating strict TypeScript interfaces directly from highly optimized, raw PostgreSQL .sql files.

๐Ÿ’ฌ NextChat Architecture

  • โšก Real-Time Messaging Desktop App: Built with Next.js 14, this app tackles complex real-time states using Pusher WebSockets, debounced typing-indicator event triggers, and a hybrid cache-invalidation strategy using Server Actions. Features deterministic DB integration testing via custom programmatic Docker orchestration.

๐Ÿ† Career Highlights & Milestones

  • Fast-Tracked to Senior Frontend Engineer within 15 months by establishing code-quality standards and bridging the collaborative gap between UI and Backend teams.
  • Two-Time Innovation Award Winner (out of 20+ competing teams). Engineered a cross-stack React portal workflow. Directed a strike team to ship a feature-rich, FLIP-animated Lit RCS mobile preview simulator in a single sprint, utilizing a composed recursive type system and reduced dev time by ~65%.

โš™๏ธ Technical Arsenal

Domain Technologies
Languages TypeScript (Advanced), JavaScript (ES6+), SQL, HTML5, CSS3, SASS, Bash
Frontend Architecture React 18, Next.js 14, Web Components, Lit, Tailwind CSS, Material UI
Backend & Real-Time Node.js, Express, PostgreSQL, WebSockets, Pusher, NextAuth.js
Type Safety & Data Zod, PgTyped, React Hook Form
Testing & Infra Jest, Vitest, Docker, GitHub Actions, CI/CD, Ephemeral Containers

Pinned Loading

  1. blogfolio-server blogfolio-server Public

    Backend for Blogfolio, a website that will allow its users to present their portfolio as well as make blog posts.

    TypeScript

  2. next-chat-app next-chat-app Public

    A full stack real time messaging app with NextJs, React, Tailwind, PostgreSQL & Pusher.

    TypeScript 1

  3. blogfolio-client blogfolio-client Public

    A responsive React + Vite frontend for Blogfolio styled with SASS modules. Designed to interface with Blogfolio-server and uses schemas from Blogfolio-types for response type safety.

    TypeScript

  4. blogfolio-types blogfolio-types Public

    The endpoint request/response type definition & schema package for Blogfolio. Allows for a decoupled yet type safe front-end and backend.

    TypeScript

  5. highlight-convert highlight-convert Public

    A Chrome extension that quickly displays conversions of highlighted units and currencies.

    JavaScript

  6. js-todo-app js-todo-app Public

    A pure javascript todo app built with an MVC-style architecture. Fully documented and explained.

    JavaScript 1