Experience

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 forms with approximately 25-30 supported field types. 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: Non-technical users can now create and modify complex certification forms independently. What previously took weeks of developer time now takes hours of configuration work. The business can respond to new certification requirements immediately.

Technologies: React, TypeScript, Node.js, PostgreSQL

I significantly improved application performance by:

• Implementing a client-side caching layer that reduced unnecessary API calls
• Optimizing React component rendering to minimize re-renders
• Developing a reusable core npm library used across multiple projects

These optimizations addressed issues with slow loading, redundant API calls, and excessive component re-rendering.

I integrated a third-party AI solution that sits on top of MistralAI, handling the API implementation on both frontend and backend. The system includes enhanced privacy controls and domain-specific context optimization, enabling accurate automated responses for highly technical cybersecurity queries.

I led frontend development for the complete redesign of Ferrari Beverly Hills digital presence—a 9-month project 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 plan the project. 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 of new and pre-owned vehicles with detailed specifications
• Customer Forum: Community platform for Ferrari enthusiasts to discuss vehicles, events, and experiences
• User Account Management: Registration, authentication, and profile management
• CMS-Driven Content: News articles, events, racing team updates—all manageable through Strapi
• 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)
• Bi-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

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.

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.

I developed both web and mobile applications for the streaming platform using React and React Native. These applications needed to provide seamless streaming experiences across devices:

• Live TV streaming with program guides
• On-demand content (recorded shows, movies)
• User authentication and profiles
• Watchlists and viewing history
• Search and content discovery
• Playback controls and quality settings

The applications needed to handle thousands of concurrent users while maintaining smooth playback and responsive interfaces.

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.

One of my significant contributions was implementing multitenancy support for the React and React Native applications. This architecture allowed the platform to serve multiple clients (different streaming services) from a single codebase, each with 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 was critical for a streaming platform. I focused on several key areas:

List Virtualization: Many views displayed large amounts of content (hundreds or thousands of items). I implemented virtualization techniques to render only visible items, ensuring smooth scrolling and responsive UI even with extensive catalogs.

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.

NetCast was an incredible learning experience. Working on a platform that served thousands of concurrent users 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