z'sĀ portfolio.
zainab:~$dev
const developer = { name: 'Zainab', skills: ['Design', 'Code'], coffee: true };
zainab:~$
try:
Careful! You might get pricked 🌵

I build fun,
interactive
things for the web.

I'm a frontend developer and designer who loves turning complex problems into simple, beautiful, and intuitive interface designs.

About Me

Beyond the Keyboard

A glimpse into my world, one grid item at a time.

Hello! I'm Zainab.

I'm a creative developer based in Nigeria. I bridge the gap between design and engineering, crafting user interfaces that feel alive. I believe the web should be fun, accessible, and a little bit magical. I’m powered by tea, curiosity, and random bursts of creativity.

Nigeria Open to Work

Currently Learning

GSAP
Micro-interactions

Fuel Source

Tea
My Cats
Touching Grass

Fun Fact

Octopuses have three hearts, and two stop beating when they swim. šŸ™

Like BGM? Click play šŸ™‚

Featured Work

A selection of projects that showcase my passion for interactive design and clean code.

QueryLab
Visual Query Builder

QueryLab

A modern visual query builder that lets users build advanced database and API filters without writing SQL, featuring drag-and-drop rule composition, schema-aware inputs, infinite nesting, and live query generation.

  • Next.js
  • TypeScript
  • Zustand
  • Tailwind CSS
View Project
Zedu
EdTech & Collaboration

Zedu

A collaborative learning and communication platform built for bootcamps and educational communities, featuring structured cohort channels, the Buzz interaction feature, and seamless file management workflows.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • WebSockets
View Project
Audiophile
E-Commerce

Audiophile

A clean and responsive shopping platform for high-end audio products, focused on intuitive navigation, secure payments, and conversion-optimized checkout flows.

  • Next.js
  • TypeScript
  • Convex
  • Tailwind CSS
View Project

My Tech Toolbox

The modern technologies and tools I use to build premium, high-performance web experiences.

Core

React

Building component-driven, highly interactive user interfaces.

90%
Framework

Next.js

Server-rendered, performant web applications with optimal SEO.

85%
Language

TypeScript

Adding static typing for robust, maintainable, and error-free codebases.

80%
Styling

Tailwind CSS

Rapid UI development with utility-first, highly customizable styling.

95%
Animation

GSAP

Creating complex, high-performance web animations.

70%
State

Zustand

Lightweight and unopinionated state management for React.

95%
Contact

Let's Chat!

Have a project in mind or just want to say hi? I'd love to hear from you.