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

BPMN 2.0 Editor Implementation

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

A modern BPMN 2.0 editor that enables users to create, manage, and export business process diagrams. Features full BPMN 2.0 compliance, multi-format exports (BPMN, PDF, PNG, SVG), complete diagram lifecycle management (create, open, rename, delete), and seamless integration with repository objects. The editor includes keyboard shortcuts, metadata tagging, and color coding for efficient process modeling at enterprise scale.

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

BPMN 2.0 compliant editor with full standard support

Seamless import/export functionality

+3 more

View Project

BPMN Converter Tool

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

A migration tool that converts legacy BPMN views into validated BPMN 2.0 diagrams. Features a review-first workflow with pre-conversion validation, compatibility checking, and layout preview. The tool enables safe migration with zero data loss, reducing migration time from weeks to days while ensuring BPMN 2.0 compliance and unique naming enforcement.

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

Zero data loss migration

Reduced migration time from weeks to days

+3 more

View Project

AI Assistant

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

An AI-powered assistant interface with two main capabilities: Knowledge Assistant for accessing platform documentation and Process Assistant for explaining BPMN diagrams in plain language. Features conversational interfaces, guided prompts, multilingual support, and context-aware responses. The assistant helps users self-serve answers and understand complex process models without leaving the application.

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

Significantly reduced support ticket volume

Simplified understanding of BPMN diagrams for non-professionals

+3 more

View Project

Repositories Page with DataTable

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

An advanced data management interface for enterprise repositories with comprehensive datatable functionality. Features bulk inline editing (up to 20 items), global search, column management (show/hide, pin, density controls), saved filter queries, CSV/Excel export, and SmartViews for visual analysis. The interface enables efficient data management for large datasets with permission-aware editing and change tracking.

Technologies
TypeScript
React
React Router
Material UI
Data Visualization
Key Metrics

Advanced datatable functionality

Improved data-driven decision-making

+1 more

View Project

Surveys Feature Transformation

Frontend
Client
Client: ValueBlue
Role: Senior Frontend Engineer

A configurable survey system that replaces legacy guest links with structured, multi-recipient surveys. Features bulk survey creation (up to 10 objects and 5 questionnaires), multi-recipient delivery (up to 10 emails), permission levels, deadlines, and traceable submissions. The recipient experience includes one object per page, collapsible questionnaire sections, and mandatory field enforcement for data integrity.

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

View Project

MongoDB to PostgreSQL Migration

Backend
Client
Client: Ishi Health
Role: Senior Software Engineer

A zero-downtime database migration from MongoDB to PostgreSQL for a healthcare platform. Features two-way real-time data synchronization between both systems during migration, optimized PostgreSQL queries with custom indexes, and a redesigned API architecture. The migration reduced operational costs by 30%+ while maintaining continuous service availability and improving query performance.

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

Reduced operational costs by 30%+

Zero downtime migration

+1 more

View Project

Website Performance Optimization

Frontend
Client
Client: Ishi Health
Role: Senior Software Engineer

A comprehensive frontend performance optimization that reduced page load times from 15 seconds to under 5 seconds. Features React Router data loaders for efficient route-based data fetching, consistent React Query usage for intelligent caching and background updates, code splitting, lazy loading, and optimized asset delivery. The optimization eliminated waterfall requests and dramatically improved user experience.

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

View Project

Frontend Apps Consolidation

Frontend
Client
Client: Ishi Health
Role: Senior Software Engineer

A platform consolidation that unified multiple module-federated applications into a single Vite application. The consolidation eliminated code duplication, reduced maintenance overhead, and improved performance across all pages. Features include integrated microfrontends, optimized package loading with single bundle copies, and improved deployment workflows.

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

Consolidated multiple apps into one platform

Reduced deployment time

+2 more

View Project

eCommerce Platform Launch

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

A new Shopify eCommerce platform launch for Wellow featuring custom promotional and personalization logic. The platform includes a custom Shopify theme, personalized discounts, cross-sell campaigns, and scalable eCommerce tools. Built with custom JavaScript and Shopify optimizations to support growth and deliver personalized shopping experiences.

Technologies
Shopify
JavaScript
PHP
Laravel
MySQL
React
Key Metrics

$20K+ first-month revenue

4% increase in annual sales ($20M)

+1 more

View Project

Personalization and Optimizations

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

A customer personalization system for Shady Rays eCommerce platform that creates personalized shopping experiences and targeted promotions. Features Klaviyo integrations, custom Shopify apps built with Remix and React, personalized discounts, cross-sell offers, gender-based campaigns, and theme enhancements. The system processes millions of monthly visits and drives significant conversion improvements.

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

View Project

Replacement App

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

A full-stack replacement management system for Shady Rays that automates replacement requests with personalized upsell opportunities. Features automated and manual replacement workflows, integration with customer service systems (Zendesk, Gladly, Gorgias), Shopify integration for order data, and API contracts for data synchronization. The system processes hundreds of requests daily and significantly improves agent productivity.

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

View Project

Omaze Fundraising Platform

Full-Stack
Client
Client: Omaze
Role: Software Engineer

Enhanced features for Omaze's fundraising platform including a product cart system, recommendations engine based on user activity, and cross-sell functionality. Features include streamlined checkout process with 40% fewer clicks, migration from Shopify to custom solution, and improved user experience. The enhancements drove significant revenue growth and cost reduction.

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

30% increase in annual revenue

40% reduction in checkout clicks

+1 more

View Project

Roo Platform (IDEO.org)

Full-Stack
Client
Client: IDEO.org
Role: Software Engineer

A financial coaching platform for IDEO.org that helps people improve their financial literacy through automated and human-assisted guidance. Features include a chatbot service for user interactions, a coach application for managing clients, progress tracking dashboards, session scheduling, personalized reminders, and full PostgreSQL database integration.

Technologies
TypeScript
Node.js
Express
PostgreSQL
React
Redux
+1 more
Key Metrics

Complete financial coaching platform

Automated chatbot interactions

+1 more

View Project

Client Website Rebuilds

Full-Stack
Client
Client: Function Growth
Role: Senior Full Stack Engineer

Comprehensive website rebuilds and eCommerce launches implementing modern best practices for conversion optimization. Features include reduced checkout clicks, personalized product suggestions, improved mobile flows, expanded payment options, performance optimization, and seamless eCommerce tool integration.

Technologies
Shopify
PHP
Laravel
React
JavaScript
MySQL
Key Metrics

4% increase in annual sales ($20M)

Improved user experience

+1 more

View Project

Internal Applications

Full-Stack
Client
Client: Andela
Role: Software Engineer

Internal productivity applications that automate manual processes and streamline organizational workflows. Features include automated learning resource tracking, employee assessment management, improved data access, and tools designed to reduce time spent on repetitive tasks while improving decision-making capabilities.

Technologies
TypeScript
Node.js
Express
PostgreSQL
React
AWS
Key Metrics

20% improvement in operational efficiency

Streamlined operations

+1 more

View Project

Veraclins UI

Private
Frontend
Personal
Client: Personal
Role: Creator & Maintainer

A comprehensive Radix-based component system providing accessible, theme-aware UI primitives and complex components for React applications. Features 40+ components including data tables with sorting and filtering, charts integration, calendar and date pickers, command palette, 650+ SVG icons, and form inputs. The system powers the entire UI for edulinksng and the veraclins portfolio site with full accessibility support and theme customization.

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

40+ reusable components

Accessibility-first design

+1 more

View Project

Veraclins Form

Private
Frontend
Personal
Client: Personal
Role: Creator & Maintainer

Type-safe form handling utilities for Remix/React Router applications with comprehensive validation and spam protection. Features client-side Form and SubmitButton components, server-side processForm with Zod validation, Conform integration for form state management, progressive enhancement support, honeypot spam protection, and error handling. Powers all forms in edulinksng and the veraclins portfolio contact form.

Technologies
TypeScript
React
Zod
Conform
React Router
Key Metrics

Type-safe form validation

Server actions support

+1 more

View Project

Veraclins Editor

Private
Frontend
Personal
Client: Personal
Role: Creator & Maintainer

A Tiptap-based rich text editor for creating and displaying formatted content with advanced editing capabilities. Features rich text formatting, lists (bulleted, ordered, task lists), code blocks with syntax highlighting, tables with bubble menus, resizable images, link editing, text alignment and styling controls, color pickers, mentions support, keyboard shortcuts, and read-only mode. Powers all question and answer content in edulinksng with full formatting support.

Technologies
TypeScript
React
Tiptap
ProseMirror
Highlight.js
Key Metrics

Feature-rich WYSIWYG editor

Extensible architecture

+1 more

View Project

Veraclins React Utils

Private
Frontend
Personal
Client: Personal
Role: Creator & Maintainer

Reusable React hooks and server utilities for common patterns in Remix/React Router applications. Features client hooks for responsive design, user interactions, navigation, and data fetching, a toast notification system (Sonner), and server utilities for error handling, HTTP operations, headers management, and cache control. Powers route loaders and common patterns throughout edulinksng and the veraclins portfolio.

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

Reusable React utilities

Server-side utilities

+1 more

View Project

Veraclins Utils

Private
Full-Stack
Personal
Client: Personal
Role: Creator & Maintainer

Shared utility functions for date/time operations, DOM manipulation, validation, and common helper functions. Features include date/time formatting and parsing, DOM utilities for text highlighting and manipulation, debounce/throttle functions, scroll and size utilities, slug generation, type utilities, validation helpers, and class name utilities. Powers text processing, date formatting, slug creation, and validation throughout edulinksng.

Technologies
TypeScript
Zod
Luxon
clsx
tailwind-merge
Key Metrics

Essential utility packages

Foundational building blocks

+1 more

View Project

Veraclins Docs

Private
Frontend
Personal
Client: Personal
Role: Creator & Maintainer

Interactive code demo components for creating live, editable documentation with real-time preview. Features interactive and static code display modes, syntax highlighting, collapsible code editor UI, error display, copy functionality, SSR-safe rendering via ClientOnly wrapper, scope management for code execution, and CodeMirror 6 integration. Powers the entire packages documentation site with live, editable component examples.

Technologies
TypeScript
React
CodeMirror
Sucrase
remix-utils
Key Metrics

Interactive code demos

Live code editing

+1 more

View Project

Veraclins Image

Private
Full-Stack
Personal
Client: Personal
Role: Creator & Maintainer

Client and server-side image optimization system with lazy loading and performance features. Features include a client Image component with Intersection Observer-based lazy loading, blur placeholders, responsive sizing, priority loading, server-side optimization with Sharp, ETag-based caching, format negotiation (WebP, AVIF, PNG, JPEG), animated image detection, and size detection utilities. Handles all image optimization in edulinksng marketing pages and the veraclins portfolio/blog.

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

Image optimization

Format conversion

+1 more

View Project

Veraclins Auth

Private
Backend
Personal
Client: Personal
Role: Creator & Maintainer

OAuth authentication strategies for Remix Auth supporting multiple social providers. Features include GitHub, Google, Facebook, and Twitter/X OAuth implementations, common utilities for redirects, request handling, and storage, and type-safe authentication. Powers social sign-in in edulinksng, enabling users to authenticate with multiple providers alongside WebAuthn/Passkeys.

Technologies
TypeScript
Arctic
Remix Auth
Key Metrics

Multiple OAuth providers

Secure session management

+1 more

View Project

Edulinks.ng

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

Nigeria's first comprehensive educational Q&A platform for students to learn, share knowledge, and build their careers. Features group management, user profiles, collaborative learning tools, multi-provider authentication (OAuth and WebAuthn), comprehensive admin panel with analytics, and a multi-layer content moderation system with community-driven, automated, and manual oversight.

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

Nigeria's first comprehensive educational platform

Multi-layer moderation system

+1 more

View Project