Shuaib Abdulgafar

Software engineer building full-stack web and mobile products.

I am frontend-leaning, but comfortable owning backend APIs, data modelling, testing, deployment, app-store release, and AI-enabled product workflows.

6+ years

Senior software engineering experience across product teams, client work, operational platforms, and personal products.

Web and mobile

Full-stack web delivery with React, Next.js, Remix, Node.js, PostgreSQL, plus React Native and Expo mobile releases.

AI-assisted delivery

I use Claude, Codex, GitHub Copilot, and OpenAI APIs for exploration, implementation, refactoring, testing, and product iteration.

Technical profile

The stack I use to ship across product surfaces.

Frontend

ReactNext.jsRemixReact RouterTailwind CSSRedux Toolkit

Backend and data

Node.jsREST APIsGraphQLWebSocketsPrismaPostgreSQLCloudflare Workers

Mobile

React NativeExpoApp Store releaseGoogle Play release

AI and tooling

OpenAI APIsClaudeCodexGitHub Copilot

Testing

PlaywrightVitestJestReact Testing Library

Content and commerce

ContentfulStrapiShopify Hydrogen

Experience

Production experience across web, mobile, data-heavy systems, and AI-enabled software.

Volomn

2022 - Present

Senior Frontend Engineer

Build full-stack web and mobile products with Next.js, Node.js, React Native, Expo, CMS/commerce integrations, app-store release, and operational platforms including data-heavy streetlight management workflows.

ReactSquad

2024 - 2025

Senior Software Engineer

Owned client features end-to-end across Remix and Next.js applications, covering frontend architecture, Node.js services, Prisma/PostgreSQL workflows, tests, releases, Cloudflare Workers, and OpenAI-enabled client software.

AFEX

2021 - 2022

Frontend Engineer

Led frontend engineering for Nigeria's pioneer online commodity trading platform, including real-time trading dashboards, WebSockets, GraphQL, Redux, code review, mentoring, and production stability work.

HealthStation

2020 - 2021

Frontend Engineer

Built responsive React healthcare workflows integrated with backend services for platforms supporting more than 200,000 patients monthly, with accessible interfaces and Jest coverage.

Case studies

Personal products and product case studies.

Current products that show how I think about product direction, frontend quality, fullstack delivery, and AI-assisted execution.

01

A WhatsApp-first prayer reminder companion for Muslims, with location-aware reminders, natural pause/resume flows, and optional Sunnah fasting and Jumu'ah preparation reminders.

Role
Founder and fullstack builder
Stage
Live product
Product focus
Messaging, reminders, onboarding, retention
Problem
Make prayer reminders useful inside a channel people already use instead of asking them to adopt another app.
Ownership
Own product direction, onboarding, scheduling logic, reminder flows, and full-stack implementation.
Technical scope
Next.js, Supabase, location-aware scheduling, Meta WhatsApp API, backend integrations, and product copy.
AI workflow

Used AI-assisted workflows to shape flows, reason through WhatsApp integration edge cases, scaffold implementation paths, and tighten product copy.

Next.jsTypeScriptTailwind CSSSupabaseOpenAI APIMeta WhatsApp API
02

A tournament management product for table tennis teams, covering players, competitions, event categories, audience-facing draws, and results.

Role
Solo product builder
Stage
Active build
Product focus
Tournament operations and live clarity
Problem
Give table-tennis organizers a clearer way to run draws, schedules, event categories, and results.
Ownership
Own product design, frontend implementation, backend workflows, player flows, and audience-facing clarity.
Technical scope
Next.js, TypeScript, Tailwind CSS, Supabase, tournament data modelling, draws, and live result workflows.
AI workflow

Use Codex heavily for implementation loops, component refactors, state modeling, and turning rough tournament workflows into shippable UI.

Next.jsTypeScriptTailwind CSSSupabase
03

A blood donation platform designed to make donation needs easier to discover, coordinate, and act on for donors, hospitals, and donation centres.

Role
Product engineer
Stage
In development
Product focus
Healthcare coordination and donor engagement
Problem
Reduce the friction around discovering, coordinating, and acting on blood donation needs.
Ownership
Shape the product model, donor and hospital workflows, web interface, mobile surfaces, and backend data flows.
Technical scope
Next.js, Node.js, Supabase, Postgres, React Router, TypeScript
AI workflow

Use Claude and Codex to break down ambiguous product requirements, explore data flows, and iterate quickly.

Next.jsReact RouterTypeScriptTailwind CSSReact NativeSupabasePostgres