I bring design and development together to build thoughtful web experiences. I enjoy shaping how a product looks, how it feels, and how it works—from the first interface concept to the finished application.
My work spans collaborative whiteboards, SaaS applications, AI tools, and product interfaces. React, Next.js, and TypeScript are at the core of what I build, with a focus on turning complex features into clear, usable experiences.
Based in Multan, Pakistan · Trying my best to merge tech & art.
- Frontend development: Build interactive web applications with React, Next.js, and TypeScript.
- UI/UX design: Shape interfaces around visual clarity and how people use a product.
- SaaS features: Connect interfaces to authentication, payments, databases, and AI services.
- Open source: Share projects and implementations for others to explore and build on.
| Area | Technologies |
|---|---|
| Frontend | React · Next.js · TypeScript · JavaScript |
| Styling & UI | Tailwind CSS · Sass/SCSS · shadcn/ui |
| Data & Realtime | Firebase · Convex · Liveblocks · Prisma |
| Authentication & Payments | NextAuth · Stripe |
| AI Integrations | OpenAI · Replicate |
| Desktop | Electron |
| Project | What I Built | Key Technologies |
|---|---|---|
| Board Wex | A Miro-inspired whiteboard application with real-time collaboration. | Next.js · TypeScript · Convex · Liveblocks |
| Jarvis AI | An AI SaaS platform bringing chat, image, music, video, and code generation into one application. | Next.js · OpenAI · Replicate · Stripe · Prisma |
| ChatWex | A SaaS chat application with language translation. | Next.js · Firebase · TypeScript · Stripe |
| Growfy | A dark-themed marketing landing page. | React · Next.js · SCSS |
I'm also exploring Swift and React Native, bringing my interest in interface design to mobile experiences.
Have a project in mind? Reach out at workwithaftabrehan@gmail.com.