Frontend Engineer
I build accessible frontends.
I write the tests too.
I ship pixel-perfect interfaces backed by unit, integration, and E2E tests.
About
I'm a frontend engineer who builds polished, accessible UI and writes the tests that back it up. Testing is part of how I ship components, structure state, and catch regressions before they reach users.
Currently, I'm on the Engineering team at Cleaques, building the frontend for a diaspora-focused travel platform. I drive work across components, tooling, and patterns, partnering with designers and engineers to keep accessibility in the foundation.
Previously, I've worked across fintech startups and growth-stage companies, building accessible interfaces, cross-platform components, and critical product flows under real-world constraints.
I'm a two-time HNG Internship finalist, one of Africa's most competitive developer programs, which pushed me to build fast and think clearly under pressure. My testing stack includes Vitest, Playwright, and React Testing Library — covering unit, integration, and end-to-end layers, including offline PWA behavior.
In my spare time, you can usually find me drawing, flipping through a self-development book, running a career mode on PES 17, or watching FC Barcelona — because some of us just never gave up on them.
Experience
Oct 2025 – Present Frontend Engineer · Cleaques (opens in a new tab)
Remote
- Building the frontend for a diaspora-focused travel platform covering flights, stays, and rides.
- Developed a multi-service vendor dashboard for real-time listing management and integrated a digital wallet with in-app payment flows.
- Crafted fluid UI animations and complex booking states using Framer Motion and Zustand.
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- Zustand
- Jira
- Figma
June 2025 – Nov 2025 Frontend Engineer · VeendHQ (opens in a new tab)
Onsite · Lagos, Nigeria
- Built fintech products for payroll loans and BNPL services at a Techstars-backed startup serving civil servants.
- Developed cross-platform UI components across Next.js and React Native with Chakra UI.
- Owned critical financial flows — loan applications and repayment dashboards — under strict fintech design and compliance standards.
- Next.js
- React Native
- Chakra UI
- Redux
- Bitbucket
2022 - 2025 Frontend Engineer · HNG Internship (opens in a new tab)
Remote
- Participated in the HNG Internship program for three consecutive years, learning and growing as a frontend engineer.
- Worked on various projects during the internship, including a web application and a mobile application.
- Collaborated with other interns and mentors to build the projects.
- Next.js
- TypeScript
- Tailwind CSS
- React Testing Library
- Playwright
- Vitest
- Svelte
- SvelteKit
- Vue 3
- Redux
Projects
Selected work where architecture, security, and engineering discipline matter as much as the UI — with detailed case studies on featured projects.
Featured
- Security
AI Page Summarizer
Manifest V3 extension with a security-first Gemini API architecture.
Extracts content from any webpage and generates structured AI summaries. The API key lives exclusively in the background service worker — never exposed to content scripts or the popup — with bullet-point summaries, key insights, and a 24-hour URL-based cache.
- Chrome Extension
- Manifest V3
- JavaScript
- Gemini API
- Service Worker
- Chrome Storage API
- Developer Tools
Lantern — Visual Query Builder
Compose nested database filters visually — no raw SQL required.
Schema-driven condition cards with unlimited AND/OR nesting, drag-and-drop reorder, live SQL/MongoDB/GraphQL preview, real-time validation, mock execution against sample datasets, and import/export JSON with presets and snapshots.
- Next.js
- TypeScript
- Tailwind CSS
- Zustand
- Framer Motion
- @dnd-kit
- Vitest
- React Testing Library
- Experiments
CryptoFlow
Live crypto terminal with real Binance streams and a violet command-deck UI.
An open-source trading dashboard demo wired to CoinGecko snapshots and Binance WebSocket aggTrade feeds. Features a sidebar command deck, bento-grid charts (line, area, bar, candlestick), a filterable live activity feed for large trades, Aurora Ink theming, onboarding tour, optional trade sounds, and Oracle Mode — cryptic night-time copy for dark mode.
- Vue 3
- TypeScript
- Pinia
- Tailwind CSS
- ECharts
- Vue Router
- TanStack Table
- VueUse
- Vite
- CoinGecko API
- Binance WebSocket
- Testing & Quality
Habit Tracker PWA
Spec-driven PWA with full unit, integration, and E2E coverage.
Built from a formal Technical Requirements Document with strict data contracts, deterministic route behavior, and a multi-layer test suite. Includes local authentication, habit management with streak tracking, and offline support via a custom service worker.
- Next.js
- TypeScript
- Tailwind CSS
- Vitest
- Playwright
- React Testing Library
- PWA
More Projects
- Security
MutterBox — E2EE Messaging
Built with the Web Crypto API using hybrid encryption — AES-GCM for message encryption and RSA-OAEP for key exchange. Private keys are generated on the client, wrapped with PBKDF2-derived keys, and stored exclusively in IndexedDB, with real-time messaging via WebSocket and optimistic UI updates.
- Next.js
- TypeScript
- Tailwind CSS
- Web Crypto API
- IndexedDB
- WebSocket
- RSA-OAEP
- AES-GCM
- Experiments
Editorial Portfolio — SvelteKit
A framework exploration project with a front-page hero layout, editorial typography, GSAP scroll animations, a custom halftone canvas portrait renderer, and structured content sections driven by Svelte 5 runes.
- SvelteKit
- Svelte 5
- TypeScript
- Tailwind CSS
- GSAP
- Vite
- Productivity
Invoice App
Real-time total calculations, status-based filtering, local data persistence via localStorage, and a fully responsive design with native dark mode support.
- Next.js
- Framer Motion
- Tailwind CSS
- E-commerceComing Soon
Vendra
A comprehensive e-commerce platform connecting independent sellers and customers through a unified marketplace, with real-time sales analytics, advanced product filtering, secure multi-role authentication, and order management backed by Prisma and PostgreSQL.
- Prisma
- PostgreSQL
- Next.js
- Tailwind CSS
- Neon.js
- Redux
Build Notes
Building is easy — understanding how it actually works is not. These walkthroughs document how each featured project was built, the tradeoffs involved, and what broke along the way.
- Video coming soonSecurity
AI Page Summarizer
Building a Manifest V3 extension with a security-first API key architecture — why the service worker is the only place secrets live, async message passing patterns, and caching summaries by URL.
- Manifest V3
- Service workers
- Extension security
- Gemini API
- Chrome Storage
- Video coming soonExperiments
CryptoFlow
Building a live crypto terminal from WebSocket streams up — Binance aggTrade feeds, Pinia state with shallow reactivity, activity feed filtering, and why decoupling the stream layer from the store mattered.
- WebSockets
- Vue 3
- Pinia
- ECharts
- Real-time UI
- Video coming soonDeveloper Tools
Lantern — Visual Query Builder
Building a visual query builder from the data model up — recursive condition trees, live SQL/MongoDB preview, drag-and-drop nesting, and why the tree mutation API mattered more than the UI.
- Recursive trees
- Query engines
- Zustand
- Drag-and-drop
- Vitest
- Video coming soonTesting & Quality
Habit Tracker PWA
Spec-driven PWA development from TRD to test suite — defining data contracts first, layering unit/integration/E2E tests by risk, and the exact sequence for testing offline behavior.
- Spec-driven dev
- Test pyramid
- PWA
- Service workers
- Playwright
Contact
Open to opportunities
Let's build something solid.
I'm open to frontend engineering roles — especially teams that value accessible UI and developers who write their own tests. Whether you're hiring or just want to talk shop, my inbox is open.