Skip to main content

Projects

A collection of projects I've worked on, showcasing my skills and experience across different technologies and domains.

All Projects
Client Projects
Personal Projects

BlueDolphin BPMN Editor

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

Engineered a new BPMN 2.0 editor as part of a team effort with two other senior frontend engineers, replacing the legacy BPMN editor in BlueDolphin—a platform serving 1,000+ businesses including Meta and Disney. Built with React, TypeScript, and bpmn-js, featuring seamless import/export of .bpmn diagrams, comprehensive BPMN 2.0 validation, and improved user experience. The editor enables users to create and manage BPMN process diagrams with full support for BPMN 2.0 process modeling standards.

Technologies
TypeScript
React
bpmn-js
React Router
Single-spa
Material UI
Key Metrics

Serving 1,000+ businesses including Meta and Disney

Handles 10,000+ diagrams for 50+ customers

+3 more

BPMN Converter Tool

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

Developed a migration tool as part of a team to help customers convert legacy BPMN views to the new Processes module. The converter ensures BPMN 2.0 compliance, validates diagrams, and allows review and adjustment before saving. Successfully migrated over 10,000 diagrams for 50+ customers with zero data loss, reducing migration time from weeks to days. The converter tool is on course to enable sunsetting the legacy editor in 2026.

Technologies
TypeScript
React
bpmn-js
React Router
Material UI
Key Metrics

Migrated 10,000+ diagrams with zero data loss

Served 50+ customers

+2 more

AI Assistant

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

Developed and integrated an AI Assistant interface featuring two capabilities: Knowledge Assistant for comprehensive platform knowledge base access, and AI Describe for BPMN diagram analysis and intelligent insights, simplifying understanding of BPMN diagrams for non-professionals. Reduced Zendesk support tickets by 20%+ within 3 months through intelligent, context-aware assistance.

Technologies
TypeScript
React
AI/ML
bpmn-js
Material UI
Key Metrics

Reduced support tickets by 20%+

Simplified understanding of BPMN diagrams for non-professionals

+1 more

Repositories Page with DataTable

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

Implemented a data-driven repositories page with advanced datatable functionality, including bulk inline edits and client and server-side filtering. The datatable provides comprehensive data visualization, filtering, sorting, search, and editing capabilities, enabling Enterprise Architects, Solution Architects, and Process Managers to efficiently manage and analyze repository data while improving data-driven decision-making and user workflow efficiency.

Technologies
TypeScript
React
React Router
Material UI
Data Visualization
Key Metrics

Advanced datatable functionality

Improved data-driven decision-making

+1 more

Surveys Feature Transformation

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

Transformed the surveys feature, replacing the tedious guestlinks system. The feature enables creating surveys for multiple objects and multiple questionnaires at once, sending surveys to multiple respondents simultaneously, and copying and sharing survey links. It includes support for over 10 questionnaire field types including multi-select and multilevel object relationship fields.

Technologies
TypeScript
React
React Router
bpmn-js
Ember.js
Material UI
Key Metrics

Replaced legacy guestlinks system

Support for 10+ questionnaire field types

+1 more

MongoDB to PostgreSQL Migration

Backend
Client
Client: Ishi Health
Role: Senior Software Engineer

Reduced operational costs by 30%+ by executing MongoDB-to-PostgreSQL migration, designing new APIs, and retiring legacy services. The migration required keeping both systems running simultaneously with two-way real-time data synchronization to ensure zero downtime and data consistency throughout the process.

Technologies
PostgreSQL
MongoDB
Node.js
TypeScript
Express
TypeORM
+1 more
Key Metrics

Reduced operational costs by 30%+

Zero downtime migration

+1 more

Website Performance Optimization

Frontend
Client
Client: Ishi Health
Role: Senior Software Engineer

Optimized website page load times by 70% through architecture simplification and performance enhancements. Implemented proper use of React Router data loaders for efficient data fetching and route-based code splitting, and consistent use of React Query for intelligent caching, background updates, and optimized data synchronization. Also implemented code splitting, lazy loading, and optimized asset delivery.

Technologies
React
TypeScript
Webpack
Material UI
React Router
Redux
+1 more
Key Metrics

70% reduction in page load times

Improved Core Web Vitals

+1 more

Frontend Apps Consolidation

Frontend
Client
Client: Ishi Health
Role: Senior Software Engineer

Consolidated web application into a single, robust platform, mentoring 3 junior developers throughout the process. The consolidation saved deployment time, reduced maintenance overhead and code duplication across repositories, improved performance on all pages by at least a few seconds, and optimized package loading with only one copy of packages in the bundle, boosting overall performance.

Technologies
React
TypeScript
Module Federation
Webpack
Vite
Material UI
+3 more
Key Metrics

Consolidated multiple apps into one platform

Reduced deployment time

+2 more

Wellow eCommerce Platform Launch

Full-Stack
Client
Client: Wellow
Role: Senior Full Stack Engineer

Executed a completely new Shopify app launch for Wellow, generating $20K+ in first-month revenue and increasing annual sales by 4% ($20M). Built the Shopify theme with 3 other engineers, and was personally responsible for all custom promotional and personalization logic. Implemented scalable eCommerce tools and frameworks with custom JavaScript and Shopify optimizations, increasing customer satisfaction by 15%.

Technologies
Shopify
JavaScript
PHP
Laravel
MySQL
React
Key Metrics

$20K+ first-month revenue

4% increase in annual sales ($20M)

+1 more

Shady Rays Personalization and Optimizations

Full-Stack
Client
Client: Shady Rays
Role: Senior Full Stack Engineer

Implemented several customer personalization initiatives using customer data and Klaviyo integrations to create a personalized shopping experience and targeted promotions. Built general optimizations to improve overall customer experience across the platform. Developed Shopify apps using Remix, React, and TypeScript, along with jQuery and vanilla JavaScript for theme enhancements. Worked within a team of 8-10 engineers on a platform processing millions of monthly visits and 600,000+ sunglasses sales annually.

Technologies
Shopify
Remix
React
TypeScript
jQuery
JavaScript
+1 more
Key Metrics

More than 20% increase in conversion

10% increase in promotion revenue (Black Friday, Independence Day sales, etc.)

+3 more

Shady Rays Replacement App

Full-Stack
Client
Client: Shady Rays
Role: Senior Full Stack Engineer

Built a full-stack Laravel application for managing automated replacement requests with personalized upsell and manual replacement requests. Integrated with customer service systems including Zendesk, Gladly, and Gorgias to streamline customer service workflows, making management of customer replacement requests straightforward and easy. The application processes hundreds of replacement requests daily for a platform processing millions of monthly visits and 600,000+ sunglasses sales annually.

Technologies
PHP
Laravel
MySQL
Zendesk
Gladly
Gorgias
+1 more
Key Metrics

Over 3x increase in ticket resolution per customer service agent

Over 70% of all replacement requests automated

+3 more

Omaze Fundraising Platform

Full-Stack
Client
Client: Omaze
Role: Software Engineer

Worked on the existing scalable fundraising platform for Omaze, adding features including product cart, recommendations, and cross-sell functionality that increased annual revenue by 30%. Streamlined checkout process, reducing clicks by 40% and migrating core functionalities from Shopify, cutting costs by 15%.

Technologies
TypeScript
Node.js
Express
PostgreSQL
Shopify
React
+2 more
Key Metrics

30% increase in annual revenue

40% reduction in checkout clicks

+1 more

Veraclins UI

Private
Frontend
Personal
Role: Creator & Maintainer

A comprehensive design system and UI component library built with Shadcn UI, React, TypeScript, and Tailwind CSS. Features a robust theming system, accessibility-first components, and developer-friendly APIs. Includes 40+ components including buttons, forms, data tables, calendars, and more. Used across multiple projects for consistent design and rapid development.

Technologies
TypeScript
React
Shadcn UI
Tailwind CSS
CVA
Radix UI
+2 more
Key Metrics

40+ reusable components

Accessibility-first design

+1 more

Veraclins Form

Private
Frontend
Personal
Role: Creator & Maintainer

A powerful form handling library built on React Router Form, Conform, and Zod. The Form component supports both standard React Router Form submissions and useFetcher-based submissions for seamless form handling without page reloads. Provides type-safe form validation, server actions, honeypot protection, progressive enhancement, and comprehensive error handling for production-ready forms.

Technologies
TypeScript
React
Zod
Conform
React Router
Key Metrics

Type-safe form validation

Server actions support

+1 more

Veraclins Editor

Private
Frontend
Personal
Role: Creator & Maintainer

A feature-rich WYSIWYG editor built on Tiptap, providing a modern editing experience with support for tables, code blocks, mentions, and custom extensions. Features bubble menus, keyboard shortcuts, and extensible architecture for custom use cases.

Technologies
TypeScript
React
Tiptap
ProseMirror
Highlight.js
Key Metrics

Feature-rich WYSIWYG editor

Extensible architecture

+1 more

Veraclins React Utils

Private
Frontend
Personal
Role: Creator & Maintainer

A collection of React utilities and hooks for common patterns including toast notifications, cache control, cookie management, and server-side utilities. Provides reusable solutions for React Router/Remix applications.

Technologies
TypeScript
React
Sonner
@tusbar/cache-control
cookie
Key Metrics

Reusable React utilities

Server-side utilities

+1 more

Veraclins Utils

Private
Full-Stack
Personal
Role: Creator & Maintainer

Essential utility package including class name utilities, date manipulation, DOM utilities, validation, formatting tools, debounce/throttle functions, scroll utilities, size utilities, and slugification. Provides foundational building blocks for modern web applications.

Technologies
TypeScript
Zod
Luxon
clsx
tailwind-merge
Key Metrics

Essential utility packages

Foundational building blocks

+1 more

Veraclins Docs

Private
Frontend
Personal
Role: Creator & Maintainer

Documentation components for creating interactive code demos and documentation pages. Features live code editing, real-time preview, error handling, and SSR-safe rendering.

Technologies
TypeScript
React
CodeMirror
Sucrase
remix-utils
Key Metrics

Interactive code demos

Live code editing

+1 more

Veraclins Image

Private
Full-Stack
Personal
Role: Creator & Maintainer

Image optimization and processing library with client and server-side support. Features responsive images, format conversion, and caching for optimal performance.

Technologies
TypeScript
Sharp
@hapi/accept
image-size
Key Metrics

Image optimization

Format conversion

+1 more

Veraclins Auth

Private
Backend
Personal
Role: Creator & Maintainer

Social authentication strategies for Remix applications. Supports Google, Facebook, GitHub, and Twitter OAuth with secure session management.

Technologies
TypeScript
Arctic
Remix Auth
Key Metrics

Multiple OAuth providers

Secure session management

+1 more

Edulinks.ng

Coming Soon
Full-Stack
Personal
Role: Creator & Lead Developer

Nigeria's first comprehensive educational platform built for students to learn, share knowledge, and build their careers. A modern Q&A platform with group management, user profiles, collaborative learning features, comprehensive authentication system supporting multiple OAuth providers and WebAuthn, robust admin panel with analytics and monitoring, and extensive content moderation system with multi-layer moderation (community-driven, automated, and manual oversight).

Technologies
TypeScript
React
React Router
Node.js
PostgreSQL
Prisma
+9 more
Key Metrics

Nigeria's first comprehensive educational platform

Multi-layer moderation system

+1 more