Available · AI & Full-Stack

AI Developer Portfolio

Touseef Abid

I design & ship AI-powered products — from intelligent UIs to automated agent workflows.

React · Next.js · Node.js · Express · n8n. Clean interfaces, reliable backends, and automation that actually ships.

agent.runtime.ts

Active Agent

Touseef · Full-Stack + AI

ReactNext.jsNoden8nLLMs

01 — About

Building interfaces that feel finished

Touseef Abid

Touseef Abid

Full Stack Developer · Pakistan

I'm a developer who cares about clarity — from clean React / Next.js interfaces to solid Node.js & Express APIs. I also build AI-powered automation with n8n, connecting tools and workflows that save real time. Always learning, always shipping.

  • 01Frontend
    React · Next.js · TypeScript · Tailwind
  • 02Backend
    Node.js · Express.js · REST APIs
  • 03Automation
    n8n · AI workflows · integrations
Available for freelance & full-timeReact · Next · Node · n8n

02 — Journey

Where I've learned & worked

Education

Learning journey

24

Web & App Development

2024

Saylani Mass IT Training (SMIT)

Front-end · Responsive web

24

Intermediate

2024

Govt. College Premier Boys Degree College

Business Commerce · Grade B

22

Matriculation

2022

Tameer-e-Millat Schooling System

Science · Grade A+

Experience

Employment history

CurrentApr 2026 — Present·Remote · US

MERN Stack & AI Automation

Octolade

Working remotely with a US-based team on MERN stack products and AI automation workflows using n8n.

MERN · n8n · AI workflows

CurrentPresent

Frontend Developer

Sysartx

Building real-world projects with React, Next.js, and Tailwind — high-performance UIs and responsive web apps.

React · Next.js · Tailwind

Until Apr 2025

MERN Stack Developer

Vehware

Contributed to full-stack projects with React, Next.js, and backend APIs — scalable, efficient product work.

React · Next.js · APIs

03 — Stack

Tech I use to build & ship

Libraries and languages I work with across frontend and backend.

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Redux
  • Tailwind CSS
  • Bootstrap
  • Scss
  • Material UI
  • Ant Design
  • Framer Motion
  • Node.js
  • Express.js
  • MongoDB
  • Firebase
  • n8n / AI
  • Git
  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Redux
  • Tailwind CSS
  • Bootstrap
  • Scss
  • Material UI
  • Ant Design
  • Framer Motion
  • Node.js
  • Express.js
  • MongoDB
  • Firebase
  • n8n / AI
  • Git

04 — Work

Selected projects

Real products built with clean code, modern frameworks, and a focus on performance.

01 / 03

05 — Toolkit

Tools behind the workflow

Editors, deploy platforms, and utilities I use to ship faster.

  • VS Code

    Daily editor

  • GitHub

    Source & collab

  • Git

    Version control

  • n8n

    AI automation

  • Postman

    API testing

  • Docker

    Containers

  • npm

    Package manager

  • Vercel

    Deploy & host

  • Netlify

    Static deploys

  • OpenAI

    AI integrations

  • Figma

    UI reference

  • Chrome DevTools

    Debug & audit

  • Terminal

    CLI workflow

  • Notion

    Notes & planning

06 — GitHub

Contribution activity

A year of commits, PRs, and shipping — tracked on GitHub.

@Touseef4705
 

07 — Contact

Let's build something together

Have a project, role, or idea? Drop a message — I usually reply within a day.

Open to freelance & full-time

Frontend, full-stack, and n8n AI automation projects welcome.