Command Palette

Search for a command to run...

Avatar

Ehtisham Afzal

Creating with code. Small details matter.

Overview

Social Links

About

  • Software Engineer with 5 years of experience building user-friendly, simple, and delightful applications.
  • Skilled in Next.js, React, TypeScript, and modern front-end technologies; focused on high-quality, user-centric web and mobile apps.
  • Passionate about exploring new technologies and turning ideas into reality through polished, thoughtfully crafted personal projects.
  • Creator of Tip-tap Rich Text Editor: Rich Text Editor with shadcn/UI Components.
  • Creator of Ledgerly: Book-keeping and finance management app for small to mid-sized businesses.

Stack

  • TypeScript icon
  • JavaScript icon
  • Python icon
  • Node.js icon
  • Bun icon
  • React icon
  • Tailwind CSS icon
  • Motion icon
  • Redux icon
  • Ant Design icon
  • Git icon
  • Docker icon
  • MongoDB icon
  • Redis icon
  • Figma icon
  • Claude icon

Components(6)

Blog(10)

Experience

Designed and developed a responsive website for a nonprofit supporting orphaned children. Used Turborepo and Next.js App Router in a scalable monorepo architecture. Integrated Sanity CMS for real-time, no-code content management. Delivered accessible, SEO-optimized UI with reusable Shadcn components. Achieved 97+ Lighthouse scores and enabled non-developers to manage content. Focused on storytelling, transparency, and performance.

  • React
  • Node.js
  • Next.js
  • Vercel
  • Tailwind CSS
  • Sanity CMS
  • Figma

Freelance

Current Employer
  • React
  • Express.js
  • MongoDB
  • Shadcn UI
  • Tip tap
  • Docker
  • Auth.js
  • Cloudinary
  • Cloudflare R2
  • Electrone.js
  • PostgreSQL
  • Redis
  • Sanity CMS
  • Medusa.js
  • Microsoft Office
  • DMS | Pace
  • Data Management
  • Inventory Management
  • Process Optimization
  • Attention to Detail
  • Time Management
  • Communication
  • Teamwork
  • Problem-solving

Projects(13)

Led the design and development of a high-performance, fully responsive website for a nonprofit supporting orphaned children. Built on a scalable monorepo architecture using Turborepo and Next.js App Router, with Sanity CMS enabling real-time, no-code content management for the team. Delivered accessible, SEO-optimized, and mobile-friendly UI with reusable Shadcn-based components. Achieved 97+ Lighthouse scores and empowered non-developers to manage content independently. Prioritized storytelling, transparency, and performance to align with the foundation’s mission.

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Sanity CMS
  • Turborepo
  • Resend
  • PayFast
  • Drizzle ORM
  • PostgreSQL
  • Neon DB
  • Vercel
  • Figma

Developed a sophisticated rich-text editor leveraging TipTap and shadcn/UI components. Built with React and Next.js 15, this editor integrates seamlessly into any React project with a single command, thanks to the shadcn-cli. Key features include rich text formatting (bold, italic, underline), multiple heading levels, ordered and unordered lists, text alignment options, image uploads and management, text color and background customization, and search and replace functionality. Deployed on Vercel, the editor ensures unmatched scalability and reliability. Inspired by the shadcn-UI site, it offers a user-friendly interface and comprehensive features.

  • Next.js
  • React
  • TypeScript
  • shadcn/ui
  • TipTap
  • shadcn-cli
  • Vercel

Certifications(6)

Bookmarks(9)