Skip to content
ofOgunsola
Faruk
Let’s talk

Software Developer — Web & Mobile

Independent thinking. End-to-end building.

Real products.From interfaceto infrastructure.

I build web and mobile applications and the systems behind them. From a first interaction to APIs, payments and production.

Explore my work View CV (opens in a new tab)
SYSTEMS IN MOTION · 04 STRATA
Layered system architecture: 01 Interface, 02 State and Logic, 03 Services and API, 04 Infrastructure.BUILT TO
BE USED

01–04 / Full-Stack Architecture

Smoked glass interface · API runtime · Persistent storage

Interactive 3D
WEB / MOBILE / BACKENDA closer look at the work SCROLL TO EXPLORE ↓

01Selected work

The product isthe proof.

Real applications. Connected systems.
A look at what I build—and how it works.

parvis.LIVE PRODUCT
● ● ●parvis.com.ng↗
Parvis learning platform with course discovery and a guided learning journey
01 / Learning platformFull-stack product development

Parvis

A complete system for the way people learn.

A deployed learning platform connecting structured courses, AI-assisted study, subscriptions and verifiable certificates. Built across the learner experience, backend services and administrative tools.

  • React
  • Node.js
  • Express
  • MongoDB
  • Gemini API
  • Paystack
Open product (opens in a new tab)Source code (opens in a new tab)
Inside the engineeringArchitecture & decisions · 4 connected layers
01React learner & admin apps
02Express REST API
03MongoDB / Mongoose
04AI, payments & certificates

Learning with context

Lesson-aware AI study tools, generated summaries and quizzes, with backend usage records and cached responses. Course progress connects enrollment, practice and completion.

Payments with a lifecycle

Paystack integration handles one-time and recurring payments. Server-side transaction verification and signed webhooks connect billing events to access entitlements.

The system behind the product

Dedicated administration for courses, lessons, quizzes and AI. PDF certificate generation, public certificate verification, notifications and support workflows complete the learning experience.

papertrail.LIVE PRODUCT
● ● ●papertrail.parvis.com.ng↗
Papertrail website showing its browser-based document editing workspace
02 / Document workspaceFull-stack product & document engine

Papertrail

Making the PDF a working document.

A browser-based PDF editor with selectable text, movable elements, multi-page editing and export. A document engine supported by authenticated storage, version history and a dedicated backend.

  • TypeScript
  • React
  • PDF.js
  • pdf-lib
  • MuPDF
  • NestJS
Open product (opens in a new tab)Source code (opens in a new tab)
Inside the engineeringArchitecture & decisions · 4 connected layers
01PDF.js rendering & extraction
02Zustand editor state
03pdf-lib / MuPDF export
04NestJS, MongoDB & R2 storage

Two coordinate systems. One editor.

Maps PDF text bounds and baselines into browser coordinates, then scales the editing layer with zoom. Native text extraction provides the starting point for selectable, editable elements.

From an edit to a real PDF

Combines text and image overlays with PDF export, embedded fonts and MuPDF-based redaction of supported source text. Editing fidelity depends on the original document.

Beyond the canvas

A NestJS API manages authenticated documents and version history. Cloudflare R2 provides object storage; TanStack Query handles server state separately from Zustand’s editor state.

Current editing scope: native PDF text, images and annotations. Text extraction and export fidelity depend on the source document.

withwords.LIVE PRODUCT
● ● ●mywithwords.xyz↗
WithWords digital letter platform featuring 3D envelope reveal and atmosphere preview
03 / Digital letter platformFull-stack product & 3D experience

WithWords

Bespoke digital letters sealed in interactive 3D.

An intimate digital letter platform designed to bring ceremony back to personal messaging. Senders craft bespoke letters with curated stationery, wax seals, cherished photos and ambient soundtracks, while recipients experience a physics-driven 3D envelope reveal via unique links without account friction.

  • React
  • TypeScript
  • Three.js
  • React Three Fiber
  • Node.js
  • Paystack
Open product (opens in a new tab)Source code (opens in a new tab)
Inside the engineeringArchitecture & decisions · 4 connected layers
01Three.js & R3F envelope stage
02Client draft state & audio
03Express REST API & Nanoid
04Paystack, Resend & Cloudinary

Ceremony in the browser

A physics-aware 3D envelope rendered with Three.js and React Three Fiber features interactive hinge motion, wax seal release, realistic candlelit shading, and synchronized ambient soundtrack playback.

Frictionless, link-first access

Senders compose and test the full 3D opening flow without signing up, keeping drafts local. Published letters generate secure, unguessable Nanoid links that recipients unlock instantly across any device.

Verified payments & delivery pipeline

A server-verified Paystack checkout flow unlocks publication, triggering immediate email delivery of access keys via Resend, Cloudinary photograph processing, and automated lifecycle handling.

04 / Web + React Native

One product.More than one screen.

A social product across the browser and mobile. The React Native app brings feeds, conversations, voice messages and media sharing into a native navigation flow.

Native by design

Stack and tab navigation, device media pickers and secure token storage.

Connected in real time

Socket-based messaging, voice recording and notification handling.

  • React Native
  • Expo
  • Next.js
  • TypeScript
  • Socket.IO
  • Zustand
Explore web app (opens in a new tab)Mobile source (opens in a new tab)Web source (opens in a new tab)
nexusConnected, across platforms.
Nexus social web application with feed, conversations and community navigation
React Native + ExpoMobile app · source available
Earlier explorations03A few foundations along the way

02Engineering range

Across the stack.Close to the product.

/01

Web & mobile

Interfaces built around how people use a product, from a responsive web application to native mobile workflows.

  • React
  • Next.js
  • React Native
  • Expo
  • TypeScript
  • Tailwind CSS
/02

Systems & services

The APIs, data models and authentication that make a product work reliably beyond the interface.

  • Node.js
  • Express
  • NestJS
  • MongoDB
  • Mongoose
  • REST APIs
/03

Product infrastructure

Connecting the hard parts: payments, AI, real-time communication, document processing and persistent file storage.

  • Paystack
  • Gemini API
  • Socket.IO
  • PDF.js
  • Cloudflare R2
  • Cloudinary

05What’s next?

Good software startswith a conversation.

Have a product to build or a team to grow?
I’m open to opportunities and collaborations.

ogunsolafark8@gmail.com

Email me directly. No forms, no friction.