Skip to content
ArfanaAli

I craft fast, elegant interfaces that rank.

Frontend developer and UI/UX designer. I ship accessible, high-performance web experiences with technical SEO baked in from the first commit.

Neon purple holographic cube console
Expertise

What I actually do

Four disciplines, one goal: products that feel good to use and perform where it counts.

Frontend Development

Accessible, component-driven UIs in React and Next.js. Typed, tested, and easy for your team to extend.

  • React
  • Next.js
  • TypeScript
  • Tailwind

UI/UX Design

Research-informed product design and design systems, from wireframe to polished, handoff-ready screens.

  • Figma
  • Design systems
  • Prototyping

Technical SEO

Structured data, clean metadata, and crawlable markup so the right pages surface for the right queries.

  • Schema
  • Metadata
  • Sitemaps

Web Performance

Sub-second loads through image and font budgets, lazy loading, and Core Web Vitals I actually measure.

  • Core Web Vitals
  • Caching
  • Bundles
Selected Work

A few things I've designed and built

SlingSight, AI Workforce Intelligence
AI Workforce Intelligence

SlingSight

Privacy-first workforce intelligence platform that boosts team focus and prevents burnout with actionable AI insights without keystroke logging or employee surveillance.

Privacy-FirstWorkforce Analytics
  • Next.js
  • React
  • TypeScript
  • Tailwind
  • Analytics
  • UI/UX
S3Forge, Cloud Object Storage Console
Cloud Object Storage Console

S3Forge

An open-source, self-hosted web management console for S3-compatible object storage powered by MinIO, featuring bucket exploration, secure uploads, and access controls.

S3 & MinIOObject Storage Console
  • React
  • TypeScript
  • Tailwind
  • MinIO
  • S3 API
  • Cloud
NEVER DIE, E-Commerce & Custom Apparel
E-Commerce & Custom Apparel

NEVER DIE

High-performance e-commerce storefront to shop ready-stock essentials and customize premium products with personal artwork, logos, and real-time customizer previews.

E-CommerceCustomizer & Storefront
  • Next.js
  • React
  • TypeScript
  • Tailwind
  • E-Commerce
  • Customizer
Afford Motors, User Management System
User Management System

Afford Motors

A comprehensive User Management System built with Remix, providing efficient data handling, full CRUD operations, authentication, and a responsive UI.

Full-StackAuth & CRUD Workflow
  • Remix
  • React
  • TypeScript
  • Tailwind
  • MongoDB
  • Prisma
Tasks Sortify, Productivity App
Productivity App

Tasks Sortify

Multi-list todo application that allows users to organize, prioritize, and manage multiple task lists efficiently with smooth interactions.

Multi-listTask Organization
  • Remix
  • React
  • TypeScript
  • Tailwind
  • MongoDB
  • Prisma
UMS in Next-Node, Management System
Management System

UMS in Next-Node

Modern management platform leveraging Next.js and Node.js for efficient data processing, authentication, and a responsive user interface.

Next.jsServer-rendered & API
  • Next.js
  • Node.js
  • TypeScript
  • Tailwind
  • MongoDB
  • Prisma
UMS in React-Vite-Node, Task Tracker
Task Tracker

UMS in React-Vite-Node

Fast-loading task tracking and management system powered by React, Vite, and Node with instant UI state synchronization.

React + ViteReal-time State & HMR
  • React
  • Vite
  • Node.js
  • TypeScript
  • Tailwind
  • MongoDB
User Management System in Node, Backend & API Service
Backend & API Service

User Management System in Node

Node.js and Express-based management system providing secure user authentication, database queries with Prisma and MongoDB, and RESTful APIs.

REST APINode & Express Backend
  • Node.js
  • Express
  • TypeScript
  • React
  • MongoDB
  • Prisma
Contact

Let's build something fast.

Have a project, a role, or an audit in mind? Tell me a little about it and I'll reply within a day or two.