Skip to content
Software Engineer· Technyx Systems

Hi, I’m Abdul Nafay —

Abdul Nafay, software engineer. I build modern web applications with pixel-perfect precision.

I’m a software engineer specializing in React, Next.js, and TypeScript, creating responsive user interfaces and practical web applications from concept to deployment.

Portrait of Abdul Nafay

Abdul Nafay

Software Engineer

Technyx Systems

Karachi, Pakistan

Open to full-time & freelance

01About

Software engineer building production-ready web applications.

I’m a software engineer based in Karachi, Pakistan, with more than two years of experience building web applications with React, Next.js and TypeScript. Since June 2024 I’ve been at Technyx Systems, delivering client projects from design to deployment — turning Figma designs into production-ready interfaces, integrating REST APIs, and working closely with designers and backend developers to ship them.

Beyond client work I build full-stack products of my own: Hisabzo, a live loan-tracking web app built with Next.js, and SellDesk, a multi-tenant commerce platform in development with a NestJS, Prisma and PostgreSQL backend. Day to day I work with React, Next.js, TypeScript and Tailwind CSS, and also React Native, WordPress and Elementor. I care about maintainable code, reusable components, performance and software that holds up on every device and browser.

More about me
Experience
2+ years
Currently
Technyx Systems
Based in
Karachi, Pakistan
Studying
Computer Science · Iqra University

02Skills

My software engineering toolkit.

Languages, frameworks and tools I use to build, test and ship web applications.

  • Languages

    Typed, modern JavaScript and the core languages of the web.

    • HTML5
    • CSS3
    • SCSS / Sass
    • JavaScript
    • TypeScript
  • Frameworks

    Component-driven apps for web and mobile.

    • React
    • Next.js
    • React Native
    • Zustand
    • React Hook Form
  • Backend

    APIs, databases and server-side logic.

    • NestJS
    • Prisma
    • PostgreSQL
    • Firebase
    • REST APIs
  • Testing & quality

    Automated tests that catch bugs early.

    • Vitest
    • React Testing Library
    • Playwright
    • Zod
    • Debugging
  • Styling & motion

    Utility CSS, component libraries and animation.

    • Tailwind CSS
    • Material UI
    • Bootstrap
    • GSAP
    • Framer Motion
  • UI craft

    Design-accurate, responsive and accessible.

    • Figma-to-code
    • Responsive design
    • Mobile-first
    • Cross-browser
  • CMS

    Sites that clients can update themselves.

    • Payload CMS
    • WordPress
    • Elementor
  • Workflow

    Versioning, builds and shipping to production.

    • Git
    • GitHub
    • CI/CD
    • GitHub Actions
    • Vite
    • Vercel
    • Netlify
    • PWA
    • Agile / Scrum

03Experience

Where I’ve been building.

  1. Jun 2024→Present
    Work

    Software Engineer

    Technyx Systems

    Building responsive web applications from Figma designs for client projects, working alongside designers and backend developers.
    • React
    • Next.js
    • React Native
    • TypeScript
    • Tailwind CSS
    • SCSS
  2. Sep 2023→Apr 2024
    Work

    Junior Front-End Developer

    Bhabha Technologies

    Built responsive business websites and landing pages.
    • HTML
    • CSS
    • JavaScript
    • Bootstrap

04Selected work

Featured projects.

Client projects and full-stack products I’ve built — each with a short case study.

IllustrationIllustrative graphic for Tourism Platform; not a product screenshot.
Under NDAClient work

Tourism Platform

Tourism web application

Feature work and refactoring on a production tourism web application: reusable React components, REST API integration and fixes for critical front-end bugs.

  • React
  • Material UI
  • JavaScript
  • REST APIs
Case study
IllustrationIllustrative graphic for E-Learning Platform; not a product screenshot.
Under NDAClient work

E-Learning Platform

Online learning platform

Responsive Next.js interfaces for an online learning product, built from design requirements and improved for usability and maintainability.

  • Next.js
  • Material UI
  • JavaScript
Case study
IllustrationIllustrative graphic for Hisabzo; not a product screenshot.
LiveProduct · 2026

Hisabzo

Udhaar khata & loan tracker

A free digital udhaar khata for Pakistan: keep a ledger per person, record loans and repayments in one tap, and always see who owes whom — in PKR.

  • Next.js
  • Progressive Web App
Case study
IllustrationIllustrative graphic for SellDesk; not a product screenshot.
In developmentProduct · 2026

SellDesk

Social commerce platform

One dashboard for small brands that sell on WhatsApp, Instagram and other channels: every order in one place, with reminders and review requests sent in a single click.

  • TypeScript
  • NestJS
  • Prisma
  • PostgreSQL
  • +1
Case study

05Writing

Latest from the blog.

React & Next.js

Writing React components that stay reusable

Practical rules for components that survive their second and third use: intent-based props, composition with children, and forwarding native props.

Read article

Contact

Have a project or a role in mind? Let’s talk.

Send a message through the contact form, or email me directly.