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

Client
Frontend
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

BPMN 2.0 compliant editor

+2 more

BPMN Converter Tool

Client
Frontend
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

Client
Frontend
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

Client
Frontend
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 users 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

Client
Frontend
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

Client
Backend
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

Client
Frontend
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

Client
Frontend
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

Client
Full-Stack
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 eCommerce Platform & Replacement App

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

Built eCommerce tools and scalable frameworks for a platform processing millions of monthly visits and 600,000+ sunglasses sales annually. Owned the replacement application end-to-end, processing hundreds of replacement requests daily with integrations to Shopify, Zendesk, Gorgias, and Klaviyo. Built personalization and promotional logic for numerous campaigns, including cohort-based promotions. Worked within a team of 8-10 engineers, increasing customer satisfaction by 15% and improving checkout efficiency while maintaining 99.9% uptime.

Technologies
Shopify
JavaScript
PHP
Laravel
MySQL
React
+3 more
Key Metrics

Millions of monthly visits

600,000+ sales annually

+2 more

Omaze Fundraising Platform

Client
Full-Stack
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 Library

Private
Personal
Frontend
Role: Creator & Maintainer

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

Technologies
TypeScript
React
Tailwind CSS
CVA
Radix UI
Storybook
+1 more
Key Metrics

100+ reusable components

Accessibility-first design

+1 more

Veraclins Form Library

Private
Personal
Frontend
Role: Creator & Maintainer

A powerful form handling library built on Conform and Zod, providing type-safe form validation, server actions, and seamless React Router integration. Features 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 Rich Text Editor

Private
Personal
Frontend
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
Personal
Frontend
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
React Router
Sonner
Key Metrics

Reusable React utilities

Server-side utilities

+1 more

Veraclins Utilities

Private
Personal
Full-Stack
Role: Creator & Maintainer

Essential utility packages including class name utilities, date manipulation, image optimization, SEO tools, and social authentication. Provides foundational building blocks for modern web applications.

Technologies
TypeScript
Zod
Sharp
Luxon
React Router
Key Metrics

Essential utility packages

Foundational building blocks

+1 more

Edulinks.ng

Coming Soon
Personal
Full-Stack
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