I architect high-end, resilient software systems from the ground up. With deep expertise in the Node.js, React, and TypeScript ecosystems, I specialize in building full-stack applications and developer tooling where high performance and scalability aren't just features—they are the foundation.

• Performant UI/UX & Aesthetic Animation:

  • Animation is used intentionally to reduce cognitive load and provide clear visual feedback for every user interaction.
  • I prioritize 60fps consistency by utilizing hardware-accelerated transitions and minimizing main-thread blocking.

• High-Performance Engineering:

  • I prioritize maximum performance across the entire stack, from optimized backend queries to ultra-responsive frontend logic and background services.
  • Every line of code, whether on the client or the server, is engineered for peak efficiency, delivering a seamless, high-velocity system.

• Readable, Modular, and Scalable Code:

  • I prioritize code that is easy to understand and maintain over unnecessarily complex solutions.
  • Guided by DRY (Don't Repeat Yourself) and Single Responsibility principles, I break logic into small, focused modules rather than bloated, multi-hundred-line components.
  • This ensures that even a system with 500+ source files remains transparent, well-defined, and easy to navigate.

• TypeScript over Vanilla JS:

  • I utilize TypeScript to build self-documenting, robust codebases.
  • By enforcing strict typing from the database layer to the UI, I eliminate the unpredictability of vanilla JavaScript. This end-to-end predictability provides the confidence required for fearless refactoring.

• Data Integrity & Resilience:

  • I address edge cases at the architectural level. I implement strict transactional architectures and robust error-handling to guarantee absolute consistency.
  • By treating "unhappy paths" as first-class citizens, I build systems that neutralize failures before they reach the user.

• [ 2024 - Present ] Real-time Full-Stack Software Architecture & Developer Tooling:

  • Mastered the TypeScript, React, and Node.js ecosystems, integrating real-time capabilities via Socket.io.

  • Architected and built SemayChat, a high-performance, real-time messaging platform engineered for reliability and user privacy.

  • Architected and built MerkebAI, an open-source, production-grade, full-stack, real-time AI chat application.

  • Deployed SemayChat and MerkebAI Live Demos to the cloud using an automated CI/CD pipeline.

  • Engineered SpeedyDevHook, a high-performance Sublime Text plugin designed to transform the lightweight editor into a high-end IDE.

  • Developed PrettierJet, a blazing-fast, non-blocking Prettier plugin for Sublime Text that uses a persistent Node server to eliminate startup lag—20x faster than CLI-based plugins.

• [ 2023 - 2024 ] High-Performance Web Applications:

  • Engineered a custom restaurant website in core PHP, jQuery, and JS that is faster than WordPress. It includes a custom dashboard where non-coders can customize menus, pricing, and associated media.
  • Developed a custom CMS web app that supports posts, categories, and image attachments, designed for blazing speed while maintaining core standard CMS features.

• [ 2021 - 2023 ] Desktop Software Engineering:

  • Mastered advanced Java OOP concepts, including interfaces, abstract classes, threading, and GUI development via Swing and AWT.
  • Engineered a desktop on-screen keyboard that functions exactly like the Windows native version.
  • Developed a mini code editor desktop application.

• [ 2020 - 2021 ] Android Application Development:

  • Focused on mobile engineering by building functional applications as a core learning strategy.
  • File Manager & Security: Developed a functional file manager and security app featuring zip/unzip functionality and AES-based encryption/decryption for files and folders (including filenames).
  • Secure Note: Created a secure note-taking application utilizing user-defined password encryption.

• [ 2016 - 2020 ] Electrical & Computer Engineering Studies:

  • Gained a deep understanding of computer architecture—from the atomic level to transistors, registers, and microprocessors, up to full computer systems.
  • Acquired foundational programming skills in C++ and Java, focusing on Object-Oriented Programming (OOP).
  • Self-taught full-stack basics such as PHP, HTML, CSS, JavaScript, and MySQL, leading to the development of several mini web systems.

SemayChat is a high-performance, real-time messaging platform engineered for reliability and user privacy. This project serves as a comprehensive demonstration of my ability to architect and deploy complex, production-grade full-stack systems from the ground up.

• Architectural Details

  • Advanced Message Queuing: When a user writes, edits, or deletes a message and hits the send button, the project doesn't just make an API call. Instead, it queues these actions into a global Zustand-based store, where a background processor executes them sequentially. This ensures strict FIFO ordering and automatic retries upon network restoration to maintain data integrity.
  • Database-Agnostic Architecture: Leveraged Sequelize to support PostgreSQL, MySQL, and even SQLite, enabling flexible, environment-specific deployments without code changes.
  • Storage-Agnostic File Management: Engineered a provider-based abstraction layer supporting both Local disk and Supabase cloud storage, optimized via a Service Worker-driven caching layer for high-speed media delivery.
  • Custom Build Pipeline: Developed a specialized Rspack plugin for Service Worker orchestration, ensuring seamless asset caching and maintaining Hot Module Replacement (HMR) compatibility during development.
  • Granular Privacy Framework: Built a robust management system allowing users to independently control the visibility of their email, "last seen" status, and profile assets.
  • Manages over 500 source files while maintaining a premium UI/UX and ACID-compliant transactions for all backend operations.

• Live Demo: SemayChat Live Demo

An open-source, production-grade, real-time AI chat application. Engineered to be highly resilient, it features live AI response streaming, persistent state management, and a premium mobile-optimized UI. Built with TypeScript, React, Node.js, and Socket.io.

• Features

  • Premium UI/UX: Modern aesthetics with fluid animations for a highly responsive and engaging interface.
  • Real-Time AI Messaging & Streaming: Instantaneous message exchange featuring live, low-latency streaming of AI responses.
  • Smart Chat Title Generation: Automatically generates concise, context-aware titles for conversations using lightweight AI processing.
  • Mobile-Optimized Navigation: Includes custom hardware back-button integration (useHardwareBack) that gracefully manages mobile navigation stacks, allowing users to dismiss modals and sidebars using native device controls.
  • Persistent State Management: Automatically saves all conversations and metadata, ensuring a seamless, continuous experience across devices and browser sessions.
  • Granular History Control: Empowers users with complete data autonomy, providing the ability to seamlessly delete individual messages or clear entire chat histories.
  • Dynamic Theming: Seamlessly supports and transitions between light and dark modes based on user preference.

• Live Demo: MerkebAI Live Demo

A high-performance Sublime Text plugin designed to transform the lightweight editor into a high-end IDE comparable to VS Code, specifically for Web Development and JavaScript/TypeScript projects. It bridges Sublime’s agility with a Node.js background service to provide deep code intelligence without compromising speed.

• Core Feature Set:

  • Smart Select: Employs AST-powered logic to intelligently expand text selections based on code hierarchy (functions, arrays, objects), going far beyond simple regex matching.
  • Seamless Formatting: Offloads Prettier execution to a background Node.js instance, allowing for high-fidelity code formatting across dozens of file types without blocking the editor UI.
  • Task Management (List Scripts): Dynamically scans the project for package.json files and provides a native quick-panel to browse all available npm scripts.
  • Integrated Execution: Launches scripts directly into native terminal emulators (CMD, Terminal.app, Gnome-terminal, etc.) using a transactional spawning strategy that persists independently of the editor.

• Architectural Details

  • Ultra-Fast Client-Server Architecture: By utilizing a persistent Node.js background service instead of spawning new processes for every action, the system eliminates cold-start overhead. This architecture delivers near-instantaneous performance:
    • Code Formatting: < 80ms.
    • Smart-Select: < 40ms.
    • List-Scripts: < 50ms.
  • AST-Driven Intelligence: Utilizes the TypeScript Compiler API to perform structural code analysis, enabling "Smart Selection" that understands code hierarchy (functions, objects, arrays) far beyond regex capabilities.
  • Hybrid Client-Server Lifecycle: Engineered a resource-aware architecture using a Python-based heartbeat system and Node.js middleware to manage an auto-shutdown mechanism, ensuring zero idle resource consumption.
  • Non-Blocking Performance: Offloads heavy tasks like Prettier formatting and AST parsing to a background process, maintaining a lag-free, 60fps editing experience in the host editor.
  • Cross-Platform Orchestration: Features a robust terminal spawning system that handles native terminal emulation across Windows, macOS, and Linux, independent of the parent process.
  • Optimized Build Pipeline: Bundled with Rspack and SWC into a single optimized CommonJS execution unit to minimize startup latency and dependency overhead.

I'm always open to discussing software architecture, performance optimization, or potential collaborations and work.

• Website: www.mebrahtom.com
• Email: mebrahtomkg1@gmail.com
• LinkedIn: www.linkedin.com/in/mebrahtomkg
• GitHub: @mebrahtomkg