Experience

Red Alert Labs

Full-stack Software Engineer | Aug 2023 - Present

At Red Alert Labs, I work on an AI-enhanced platform that streamlines cybersecurity certification for IoT devices. The platform is used by labs and vendors to progress through complex certification processes across multiple evolving schemes.

Configuration-Driven Form Engine

My primary contribution has been architecting and developing a dynamic form engine that generates certification workflows from JSON schemas. This system was a game-changer for the business.

The Challenge: The platform needed to support multiple certification schemes, each with dozens of forms that could evolve over time. Initially, every form change required developer intervention—creating bottlenecks and slowing down the business.

The Solution: I built a configuration-driven system where certification forms are defined in editable JSON files. These configurations are processed by our engine on both frontend and backend to dynamically generate multi-step certification workflows. The system includes:

  • Conditional logic using JSON-based rules (fields can be hidden, disabled, or validated based on other field values)
  • Multi-step workflows with complex validation
  • Real-time form state management across frontend and backend
  • Support for evolving schemes without code changes

The Impact: New-scheme implementation time dropped from 3–4 weeks of back-and-forth between engineers and the cybersecurity specialist down to ~10 hours of self-service authoring by the specialist alone—a roughly 95% reduction that fully unblocked engineering capacity. The engine now powers 25+ certification schemes and has supported 5,000+ issued certificates in production.

Technologies: React, TypeScript, Node.js, PostgreSQL

Performance Optimization

I significantly improved application performance by:

  • Implementing a client-side caching layer using TanStack Query (React Query) with a structured key hierarchy, eliminating redundant API calls across the certification workflow
  • Optimizing React component rendering to minimize re-renders
  • Developing a reusable core npm library used across multiple projects

These optimizations noticeably improved perceived load time on heavily-nested form steps and addressed issues with slow loading, redundant API calls, and excessive component re-rendering.

AI Integration

I integrated a third-party LLM solution with domain-specific context tuning and privacy controls, handling the API implementation on both frontend and backend. This enables accurate AI-assisted answers for highly technical cybersecurity certification queries within the platform.

Team & Ownership

I operate as one of three engineers on a small cross-functional team, owning frontend architecture decisions and delivering features end-to-end from spec to production.

Q agency

Lead Frontend Engineer / Project Lead | Apr 2022 - Aug 2023

At Q agency, I worked on multiple client projects, with my primary focus being a luxury automotive dealership website. I also contributed to internal tooling and other client projects.

Ferrari Beverly Hills Website

I led frontend development for the complete redesign of Ferrari Beverly Hills digital presence—an 8-month project, delivered on time and on budget, that required balancing luxury brand expectations with technical performance.

Discovery Phase: I participated in the initial discovery phase, working directly with the client (who also served as the designer) to understand requirements, evaluate technology options, and provide effort estimations and scoping input. Together with the team, we selected Next.js with TypeScript for frontend and Strapi for the CMS.

Development & Features: I architected and developed key features including:

  • Dynamic Vehicle Inventory: Searchable, filterable listings surfacing 150+ pre-owned listings and 20+ new models, plus a national registry view of 38,000+ Ferraris registered in the US
  • Customer Forum: Community platform for Ferrari enthusiasts to discuss vehicles, events, and experiences
  • User Account Management: Registration, authentication, and profile management
  • CMS-Driven Content: Event and editorial systems handling 300+ past and upcoming dealership events alongside a continuously-updated articles and blog feed, all editable by non-technical content owners
  • Responsive Design: Ensuring the luxury experience translated across all devices

Performance Focus: Since the site represented a luxury brand, performance was critical. I focused on:

  • Bundle size reduction through code splitting and lazy loading
  • Component-level optimization using React.memo, useMemo, and useCallback
  • Efficient data loading strategies to minimize time-to-interactive
  • Image optimization for the heavy visual content

Project Leadership: I managed the frontend development process:

  • Sprint planning and task estimation
  • Developer coordination (team of 4)
  • Weekly client demos and presentations
  • Collaborated with project manager and backend lead

Website: [ferraribeverlyhills.com](https://www.ferraribeverlyhills.com/)

Technologies: Next.js, TypeScript, Strapi, React

Hotel Booking Platform

I contributed to a white-label hotel booking platform for numa, a company that manages apartment properties in multiple cities worldwide. The platform needed to support bookings across various locations with a consistent experience.

I worked on this project for approximately 3 months, focusing on the frontend implementation using React, Next.js, and TypeScript.

Internal CLI Tooling

Between client projects, I enhanced our internal CLI tool used for bootstrapping new projects. The tool allowed developers to eliminate unnecessary dependencies and modules based on project requirements, making our starter template more flexible and efficient.

NetCast

Frontend / Mobile Developer | Nov 2018 - Apr 2022

NetCast was where I started my career, and it taught me everything about building performant applications at scale. I worked on an OTT (over-the-top) video streaming platform—essentially a system that delivered live television, recorded TV shows, and movies over the internet to user devices, serving 5,000+ end users across multiple white-label tenants.

End-User Applications

I built a cross-platform OTT video streaming product spanning a React web app and a React Native mobile app (iOS and Android, phone and tablet), backed by a shared internal library housing data-fetching hooks, cache key conventions, configuration, and common utilities to keep behavior consistent across platforms. Key surfaces included:

  • A content catalog covering 300+ live TV channels with 7 days of past recordings and 3 days of upcoming program scheduling
  • An on-demand library of roughly 1,000 movies
  • User authentication and profiles
  • Watchlists and viewing history
  • Search and content discovery
  • Playback controls and quality settings

Admin Panel & Platform Management

A significant portion of my work was building the admin panel—an enormous system that supported the entire platform. I developed components for:

CRM System: Customer relationship management tools for tracking users, subscriptions, support tickets, and user behavior analytics.

CMS System: Content management for organizing and publishing TV shows, movies, live channels, and metadata. This included tools for content editors to manage schedules, descriptions, images, and categorization.

Statistics Dashboard: Real-time monitoring system displaying:

  • Concurrent user counts
  • Popular content and viewing patterns
  • System performance metrics
  • Revenue and subscription analytics

The admin panel needed to handle massive amounts of data while remaining fast and usable.

Multitenancy Architecture

One of my significant contributions was designing multitenancy architecture that powered 5 distinct white-label tenants from a single codebase—including a sports-focused production deployment serving 5,000+ end users. Each tenant had their own:

  • Branding and customization
  • Content libraries
  • User bases
  • Configuration settings

This white-label approach dramatically reduced deployment complexity and maintenance overhead while enabling the business to serve multiple clients efficiently.

Performance Optimization

Performance was critical for a streaming platform. I focused on several key areas:

List Virtualization: Large content lists like the channel guide and content catalog displayed hundreds or thousands of items. I introduced virtualized lists with precomputed item layouts, memoized row components, and tuned render windows, eliminating frame drops on low-end devices.

Client-Side Caching: To improve user experience and reduce server load, I developed a client-side caching layer that stored frequently accessed data locally. This significantly reduced API calls and improved load times, especially for returning users.

Efficient Data Flow: I optimized how data moved through components, minimizing unnecessary re-renders and ensuring the application remained responsive even during intensive operations like video playback.

What I Learned

NetCast was an incredible learning experience. Working on a platform that served thousands of users across 5 white-label tenants taught me:

  • How to build applications that perform well under load
  • The importance of efficient state management
  • How to optimize React and React Native applications for production
  • How to handle complex data flows and real-time updates
  • The value of writing maintainable code that other developers can work with

This foundation has been invaluable throughout my career.

Technologies: React, React Native, JavaScript

Education

Metropolitan University

Bachelor of Science in Software Engineering

2016 - 2020

Faculty of Information Technology

Skills & Expertise

Frontend Development

  • React (7+ years)
  • React Native (6+ years)
  • Next.js (4+ years)
  • TypeScript (4+ years)
  • JavaScript (7+ years)
  • HTML & CSS (7+ years)

Backend Development

  • Node.js (2+ years)
  • PostgreSQL (2+ years)
  • RESTful API design

Specializations

  • Performance optimization
  • Client-side caching strategies
  • Configuration-driven systems
  • Mobile application development
  • Responsive design
  • Code splitting and lazy loading
  • State management
  • Component architecture

Tools & Practices

  • Git version control
  • Agile/Scrum methodologies
  • CI/CD pipelines
  • Code review
  • Technical documentation
  • Team leadership
  • Client communication