MA.

Hi, I'm
Mohammad Affan.

A
Frontend Developer

Building sleek, scalable, full-stack solutions that don't just work — they wow.

What do I do?

I build full-stack websites that look stunning, load fast, and convert even faster. From front-end polish to backend power, it's all engineered to perform.

I craft, MVPs, dashboards, booking systems, and jaw-dropping landing pages
—everything you need to go from idea to impact.

Powerful, performance-tuned sites and landing pages built for one goal: your growth.
I deliver pixel-perfect design and rock-solid, robust code that drives real results.

My Tech Stack

Programming Languages

JavaScript

JavaScript

TypeScript

TypeScript

C

C

Python

Python

PHP

PHP

SQL

SQL

Frontend

JavaScript

JavaScript

TypeScript

TypeScript

React

React

Next.js

Next.js

Tailwind CSS

Tailwind CSS

shadcn/ui

shadcn/ui

HTML 5

HTML 5

CSS 3

CSS 3

Redux

Redux

GSAP

GSAP

Motion

Motion

SASS

SASS

Bootstrap

Bootstrap

Backend

Node.js

Node.js

Express.js

Express.js

API Routes

API Routes

Laravel

Laravel

Database / DBMS

MongoDB

MongoDB

MySQL

MySQL

SQLite

SQLite

Tools

VS Code

VS Code

Git

Git

GitHub

GitHub

JWT

JWT

AXIOS

AXIOS

Deployment Platforms

Vercel

Vercel

Netlify

Netlify

Projects

Wrytual - Daily Writing Journal with Smart Insights

Wrytual - Daily Writing Journal with Smart Insights

Wrytual is a clean, focused journaling app built with Next.js, MongoDB, and Tailwind CSS. It helps developers log daily learnings, track coding streaks, and reflect on their journey with insightful stats and a distraction-free interface.

Built using:

Next.jsTypeScriptTailwind CSSMongoDBNextAuth.js
EzyBizi Business Consulting - Landing Page Only

EzyBizi Business Consulting - Landing Page Only

EzyBizi is a responsive financial consulting landing page I built from a Figma design to showcase my landing page skills. It's built with Next.js and Tailwind CSS, featuring a clean layout, custom brand theming with CSS variables, and smooth, modern UI interactions optimized for performance and accessibility.

Built using:

Next.jsTypeScriptTailwind CSS
Fully Functioning Task Management Web App

Fully Functioning Task Management Web App

A productivity-focused task manager featuring localStorage persistence, dark/light themes, and support for active, completed, and all-task views. Includes real-time task count, and full CRUD functionality.

Built using:

HTMLCSSJavaScript
WF DESIGN BUILD

WF DESIGN BUILD

WF Design Build is a home renovation agency known for transforming residential properties with precision and expertise. They specialize in home design, remodeling, and custom builds, offering a comprehensive suite of services to homeowners looking to revamp their living spaces.

AIDEAL MINDS

AIDEAL MINDS

A Ideal Minds is an IT coaching service specializing in Web Design, Search Engine Optimization (SEO), and Social Media Marketing (SMM). The goal is to equip individuals and businesses with the skills needed to build, optimize, and market their online presence effectively.

Unique Card Memory Game - Avoid Repeats!

Unique Card Memory Game - Avoid Repeats!

A fast-paced card game built with React and Tailwind CSS where players test their memory by selecting unique cards without repeating. Clean UI and smooth animations make it both fun and addictive.

Built using:

ReactTailwind CSSJavaScript

Let's Connect

Got a project, question, or just want to say hi? Drop a message below.