Skip to content

Portfolio — 2026

Maryam Shakeel

Creative
Developer

I design and build modern, interactive, high-performance digital experiences — from motion-rich interfaces to the systems that keep them fast.

View ProjectsContact Me
Years building
3+
Projects shipped
25+
Lighthouse focus
100
Curiosity
∞
developer.ts
const developer = {
role: "Maryam Shakeel",
title: "Full Stack Developer",
focus: "AI",
};
TypeScript·UTF-8
Ln 5, Col 2

About

Building the web,
cinematically.

I'm a creative developer focused on building modern, responsive and deeply interactive web experiences. My work sits where engineering discipline meets visual craft.

I care about the details most people only feel: the easing curve on a card, the way a layout reflows on a small screen, the milliseconds saved before first paint. Every interface I ship is accessible by default, keyboard-friendly, and tuned for performance — because good motion means nothing if the page can't keep up.

  • Interface

    Design systems & motion

  • Engineering

    React, TypeScript, APIs

  • Craft

    Performance & a11y

Selected work

Projects

A few builds that show how I think about interface, structure and speed.

Background

Education

The academic and self-directed path behind the work.

  • Intermediate

    Completed

    Board of Intermediate Education

    Completed intermediate education with a strong foundation in computer science, mathematics and general academic studies.

    • Computer Science
    • Mathematics
    • Academic Studies

  • Matriculation

    Completed

    Board of Secondary Education

    Completed secondary education with an A+ grade and a strong academic foundation.

    • Computer Science
    • Mathematics
    • Science

  • Artificial Intelligence Program

    Batch 1

    GIAIC — Governor Initiative for Artificial Intelligence & Computing

    Professional training in artificial intelligence and modern computing, with hands-on learning in Python, programming, web development and AI technologies.

    • Python
    • AI
    • Programming
    • Web Development

Toolkit

Skills

The technologies I reach for when building products end to end.

01

Frontend

  • Next.js
  • React
  • JavaScript
  • TypeScript
  • HTML
  • CSS
  • Tailwind CSS

02

Backend

  • Node.js
  • Python
  • FastAPI
  • REST APIs

03

Database & Services

  • Supabase
  • PostgreSQL
  • Firebase
  • Sanity CMS

04

Tools

  • Git
  • GitHub
  • Vite
  • VS Code
  • Figma
My AI Coding Stack
OPENCODE✦
CLAUDE CODE✦
QWEN CODE✦
GEMINI CLI✦
CODEX✦
OPENCODE✦
CLAUDE CODE✦
QWEN CODE✦
GEMINI CLI✦
CODEX✦
OPENCODE✦
CLAUDE CODE✦
QWEN CODE✦
GEMINI CLI✦
CODEX✦
OPENCODE✦
CLAUDE CODE✦
QWEN CODE✦
GEMINI CLI✦
CODEX✦

Contact

Let's build
something great.

Have a product, an idea, or a rough sketch on a napkin? I'm open to freelance work and full-time roles.