Senior Full-Stack Architect
My engineering philosophy centers on a decentralized, distributed architecture that leverages high-performance cloud platforms to handle the heavy lifting, keeping the view layer thin and static.I utilize REST APIs as the architectural bridge for high-concurrency data flows, leveraging stateless design to ensure horizontal scalability and minimal overhead.
This approach creates a boundary-less ecosystem that shifts the security burden to hardened cloud environments, offering significant speed and resiliency advantages at scale. I pair this infrastructure with a vertical-slice, component-focused code architecture to ensure long-term scalability and ease of maintenance. While a "vanilla-first" advocate, I strategically integrate React to deliver state-heavy interfaces that benefit from the security and performance of this decoupled, distributed backend.
Showcase Projects | Past & Present
AI Web Builder
Stack: Cloudflare Pages · GCP · Node.js (Express/VMC) · React · Vertex AI · GCS · Docker · Web Awesome (formerly Shoelace)
- High-Performance React Architecture: The multi-turn AI builder uses a React architecture. It achieves a near-zero re-render state (single paint) for the main application tree.
- Distributed Cloud Infrastructure: This environment uses multiple providers. It leverages Cloudflare Pages for the frontend, GCP (Cloud Run) for the Node.js VMC backend, and Google Cloud Storage (GCS) for secure sandboxed iframe delivery.
- AI Component Generation: Gemini on Vertex AI facilitates iterative, multi-turn website generation and editing using tokenless enterprise-grade identity-based access.
- Hardened Security & Edge Optimization: Strict CSP and CSRF protections are implemented across the ecosystem. Cloudflare is used for edge optimization and global latency reduction.
Social Media Banner Builder
Stack: GCP · Firebase · Node.js (Express/VMC) · JavaScript (ES6 & ESM) · Pug (SSR) · MongoDB · OpenAI · Docker · Web Awesome
- Vanilla-First Architecture: Engineered a UI-driven builder using a modular, "vanilla-first" ESM component architecture for maximum performance and zero framework overhead.
- Full-Stack Integration: Built a robust Node.js backend with MongoDB for data persistence and Firebase OAuth for secure identity management.
- AI-Enhanced UX: Integrated single-turn generative AI to automate marketing copy generation directly within the design workflow.
- Rich Text Engineering: Integrated and customized Quill.js for high-fidelity text manipulation and marketing copy placement within the banner canvas.
- Enterprise-Grade Security: Hardened the deployment by exchanging client-side Firebase tokens for server-managed HttpOnly session cookies to mitigate XSS risks; implemented strict CSP, CSRF protections, and Cloudflare edge optimization.
2019–2024
Lead Architect for MNCs, designing distributed data solutions and RESTful API integrations to synchronize data streams within high-security environments.
- Enterprise Cloud Architecture: Acted as Lead Architect for MNCs, designing distributed data solutions and RESTful API integrations to synchronize data streams within high-security environments.
- Security & Compliance: Hardened ecosystem integrations against enterprise-level threats, ensuring all customer portals and automated workflows met rigorous global security and performance standards.
- Full-Cycle Engineering: Steered the end-to-end lifecycle for high-traffic SPAs and custom administrative portals, translating complex business requirements into scalable technical infrastructure.
- Real-time integration & data routing: Configured REST APIs and web services to synchronize real-time data between client servers and Salesforce Marketing Cloud. Engineered data routing and request logging systems to ensure high-fidelity interaction tracking and seamless injection of live data into media channels.
- Omnichannel Customer Engagement: Developed automated recommendation systems and online applications to deliver dynamic content based on multi-channel interactions (Email, WhatsApp, SMS, Social). Built location-aware SPAs and live event check-in systems to capture and react to real-time customer preferences.
- Analytics & Operational Governance: Architected comprehensive health dashboards and automated reporting systems. Aggregated disparate data sets through complex queries and API monitoring to provide actionable insights, scoring, and performance analytics for Fortune 500-level decision-making.
2017 -2019
Whiteboard Productivity Tool
Stack: Node.js, JavaScript (ESM), Snap.svg, TinyMCE, Docker, GCP Cloud Run
- SVG & Rich Text Integration: Implemented complex frontend logic using Snap.svg for vector manipulation and TinyMCE for a customized rich-text editing experience.
- Cloud-Native Deployment: Independently managed the full lifecycle, including UI/UX design and end-to-end deployment on GCP using a containerized (Docker) architecture.
Full Stack Developer (Contract) | Tuttnauer
- Infrastructure & Deployment: Managed the end-to-end deployment lifecycle, including Linux server administration and environment configuration to support a containerized (Docker) Drupal architecture.
- Full-Scale Migration & Redesign: Technical execution of a corporate website overhaul, migrating legacy systems to a modern, high-availability environment.
- Custom CMS Architecture: Extended the Drupal core with a custom component-based admin interface for streamlined content management.
- Stack: PHP · JavaScript · MySQL · HTML · CSS · Drupal · Docker
View →
Coordinated Study Platform (Lekedoshim)
- Architected a high-concurrency reservation engine that served as the core production system for years; featuring real-time analytics and automated event-driven notifications; engineered comprehensive CRUD modules for multi-tiered user and administrative management.
- Tech: PHP · JavaScript · MySQL · HTML · CSS · REST APIs · Google Charts
View →