Iqroop.

Explore my portfolio to see recent projects and case studies. I work end-to-end across design and front-end — React, Next.js, and careful UI craft.

See my workResume

About Me

The person behind the pixels.

Iqroop Gill

I'm Iqroop Gill, a front-end developer and UI/UX designer based in British Columbia. I build clean, modern, and accessible digital experiences.

I specialize in JavaScript, React, and Next.js, blending strong design principles with solid engineering to create fast, intuitive, and visually refined interfaces.

My focus is on performance, usability, and thoughtful design, crafting experiences that feel seamless on every device.

Development

React, Next.js, TypeScript, and modern CSS patterns.

Design

Figma-first UI work with a focus on hierarchy and motion.

Innovation

Exploring new patterns, tools, and ideas to keep interfaces fresh and effective.

Based in
British Columbia, Canada
Experience
2+ years
Currently
Open to work
Workflow

How I actually work.

On larger projects I run through a structured flow that keeps design, engineering, and product goals aligned from first sketch to launch.

01

Discovery

Clarify project goals, user needs, and constraints so every design and code decision has a clear purpose.

Outputs: scope, priorities, and success criteria.

02

UX Planning

Map user flows and content structure, then sketch low-fidelity layouts before moving into polished UI.

Outputs: wireframes, interaction notes, page structure.

03

System Design

Define reusable components, data shape, and state strategy so the product stays consistent as it grows.

Outputs: component architecture and API contracts.

04

Implementation

Build in Next.js, TypeScript, and Tailwind with a focus on readability, performance, and accessibility.

Outputs: production features with clean, maintainable code.

05

Testing & QA

Validate across devices, refine edge cases, and resolve visual or functional bugs before release.

Outputs: stable behavior and responsive layouts.

06

Launch & Iterate

Deploy, monitor feedback, and iterate quickly using a versioned workflow and incremental improvements.

Outputs: reliable releases and continuous refinement.

Skills

Tools I reach for.

Front-end Development

ReactReactNext.jsNext.jsAstroAstroTypeScriptTypeScriptJavaScriptJavaScript (ES6+)Tailwind CSSTailwind CSSResponsive DesignResponsive Design

Design

FigmaFigmaUI/UX DesignUI/UX DesignUX ResearchUX ResearchDesign SystemsDesign SystemsAdobe IllustratorIllustratorAdobe PhotoshopPhotoshop

Back-end & Databases

Node.jsNode.jsPostgreSQLPostgreSQLMySQLMySQLSupabase DatabaseSupabase DB

Tools

GitHubGitHubGitGitVS CodeVS CodeJiraJira / Project Tracking