Frontend Developer Websites & Web Apps
I build modern, scalable & impactful web experiences.

A frontend developer in Port Harcourt building fast, accessible websites and web apps with React, Next.js and TypeScript — from business sites to data-heavy dashboards, with a specialism in Web3 interfaces.

Who I Am

About Me

Bio

Hi, I'm Chinyere John-Nnah — a self-taught frontend developer based in Port Harcourt, Nigeria. I build for the web broadly: marketing sites, product interfaces, and data-heavy dashboards, with a particular depth in Web3 and DeFi.

I work primarily with React, TypeScript, and modern JavaScript, and I care about the parts users feel — load time on a slow connection, keyboard and screen-reader access, and interfaces that hold up on a phone. I'm the author of an open-source ethers.js v5 → v6 migration codemod that automates 90% of the migration with zero false positives, and an active member of the Women in DeFi community.

Open Source & Community

Apr 2026 — Present

ethers-v5-to-v6-codemod

Author & Maintainer · Open Source

A jscodeshift codemod that migrates ethers.js v5 codebases to v6 at the AST level. Tested on Uniswap v3-periphery — 502 lines changed, 90.3% automated coverage, 0 false positives across 154 tests.

2023 — Present

Women in DeFi

Active Member · Community

Member of a global community supporting women contributing to decentralized finance and Web3. Engaging with builders, sharing resources, and learning from peers across the ecosystem.

Education & Learning

Self-Directed

freeCodeCamp

Responsive Web Design + JavaScript

Working through the Responsive Web Design and JavaScript Algorithms & Data Structures curricula at my own pace.

Self-Directed

Frontend Mentor

UI Challenge Practice

Pixel-accurate implementations of real-world UI challenges from designer specs — strengthening HTML, CSS, and JavaScript fundamentals.

Self-Directed

Blockchain Development

Web3 + Solidity Fundamentals

Studying smart-contract patterns, Ethereum tooling, and the libraries behind production DeFi frontends — including ethers.js, which I now contribute back to via my v5→v6 migration codemod.

Currently

Building

Websites and web apps with React, Next.js and TypeScript

Learning

Web performance, accessibility, and shipping production-grade frontends

Writing

Technical articles on Dev.to, Medium, and Coder Legion about frontend and developer tooling

What I've Shipped

My Projects

01

Project 01 · Open Source

Nova UI

An accessible React component library — 13 components built with no headless UI dependency, with correct ARIA, keyboard interaction and focus management proven by 142 interaction and axe tests running in CI.

React TypeScript ARIA Testing Library axe
02

Project 02 · Live

Ritual Node Monitor

A node fleet and job monitoring dashboard for Ritual's Infernet, built against a mocked API matching the documented CLI and REST schema — fleet health, job throughput, and per-node drill-down.

Next.js TypeScript Tailwind Recharts
03

Project 03 · Live

Rain Card Issuing

A frontend and documentation demo for a card issuing integration, built against a mocked endpoint matching Rain's documented sandbox API — the issue-to-activation path with the developer docs that sit beside it.

Next.js TypeScript Tailwind API Docs
04

Project 04 · Live

Gas Tracker Dashboard

Real-time Ethereum gas price tracker with a 24-hour history chart and a "transact now?" indicator. Live data via the Etherscan API.

Next.js TypeScript Tailwind Etherscan API
05

Project 05 · Live

AI Article Summarizer

Paste any article URL and get back a clean summary with the key points pulled out. Built around Groq with Mozilla Readability for content extraction.

Next.js TypeScript shadcn/ui Groq AI
06

Project 06 · Live

DeFi Portfolio Tracker

Paste a wallet address (or ENS) and see its holdings across Ethereum, Polygon, and Base, with USD values and an allocation chart. Alchemy for chain reads, CoinGecko for prices.

Next.js TypeScript ethers.js Recharts
07

Project 07 · Live

SaaS Dashboard

A clean, data-rich SaaS analytics dashboard with revenue charts, user metrics, and activity feeds. Designed for readability and quick insight at a glance.

React TypeScript Recharts Tailwind
08

Project 08 · Live

CRM Dashboard

A full-featured CRM dashboard with live contact and company management, task tracking, and deal pipeline. Data refreshes automatically via API routes.

Next.js TypeScript Tailwind Recharts

Featured Open Source

ethers-v5-to-v6-codemod

A jscodeshift codemod that migrates ethers.js v5 codebases to v6 at the AST level. Tested on Uniswap v3-periphery — 28 of 31 files migrated automatically, 502 lines changed, 90.3% coverage, 0 false positives across 154 tests.

TypeScript jscodeshift recast Web3 Open Source
View on GitHub →