NM Noman Ali Malik Front-end Engineer

Available in London, UK

I build clean product interfaces with sharp frontend craft.

Creative front-end developer focused on responsive, user-centric web experiences; strong problem-solving, attention to detail, adaptability, teamwork.

View work Email me GitHub
3+ Years shipping interfaces
2 Product domains
UI Systems + performance

Interactive workbench

Frontend decisions you can poke at.

The site keeps the original interactive demos, but presents them as a sharper design and engineering workbench for layout, components, accessibility, and resilience.

01 / Layout

Responsive layout morph

Drag the control to see how layout choices respond across viewport sizes and density changes.

Tablet tablet
Active rules
  • Two-column grid
  • Nav expands to 4 links
  • Balanced padding (20px)
UI Craft Layout
Home Projects Skills Contact
Hero Headline + CTA
Metrics Perf + audit
Details Timeline info
02 / States

Component sandbox

Toggle UI states and inspect the component behavior.

Props 
<Button variant="primary" state={[]}>Deploy</Button>
CSS notes

State classes add focus rings, motion cues, and progressive loading affordances.
03 / Access

Accessibility pass

Use the floating inspector to reveal focus rings, heading hierarchy, and quick review cues.

Open the inspector at the lower-right and toggle the review layers.

Experience

Product work with a practical delivery rhythm.

Responsive SaaS and e-commerce interfaces, with a steady focus on performance, accessible states, and clear collaboration.

Front-End Engineer - SMSami Mar 2020 to Aug 2022

Toronto, Canada

Impact

  • Built and maintained responsive SaaS interfaces in agile sprints.
  • Designed UI and integrated APIs with performance-first feedback loops.
  • Customized Material Design components and optimized UI flows for speed.
  • Owned product flow details while collaborating across product and QA.
  • Evaluated emerging tech to improve efficiency and code quality.

Focus areas

  • Performance tuning and render efficiency
  • API integration and resilient UI states
  • Material UI customization and theming
  • Agile delivery and cross-functional alignment
Web Developer - iTechEra Solutions Jun 2019 to Feb 2020

Atlanta, USA

Impact

  • Maintained and customized e-commerce sites across design and functionality.
  • Improved SEO performance with targeted audits and load-time tuning.
  • Handled hosting, migrations, and server configuration for uptime.
  • Led project planning and client communication for delivery clarity.
  • Managed data uploads, social scheduling, and freelance platform bids.

Focus areas

  • SEO and performance optimization
  • Deployment and server reliability
  • Client communication and planning
  • Cross-browser consistency

Selected work

Trust, speed, and interface systems.

A featured blockchain project plus smaller UI case studies that reflect production constraints.

Featured project

E-Voting System (Blockchain)

A tamper-resistant voting flow with voter registration, ballot casting, and result verification backed by on-chain records.

BlockchainSmart ContractsWeb3.jsNode.js

1. Register

2. Cast vote

3. Verify

Not verified yet.

Ready to simulate blocks.
Block 0 0x61821f346182

GENESIS

Network boot sequence

Prev: 0xGENESIS
Link

Material UI Customization Gallery

Token-driven theming, component variants, and accessibility states for dense SaaS workflows.

Chip
Primary
#0f766e
Surface
Soft elevation
Focus ring
Accessible contrast

Inspired by SMSami UI theming work.

Performance & SEO Lab

Interactive toggles that simulate optimization decisions and their audit impact.

Performance 98
SEO 74
Best Practices 80
LCP 1.8s
TTI 2.4s
CLS 0.06

Reflects iTechEra SEO and performance tuning focus.

State + Flow Resilience

Patterns for API integration, loading fallbacks, and predictable UI states.

Loading state

Fetching data with optimistic skeletons and cancel-safe requests.

Show skeletons + keep layout stable.

Drawn from cross-functional delivery work.

Capability map

Skills grouped by how products actually get built.

Frontend engineering, UI systems, backend integration, cloud delivery, testing, and practical team habits.

Education

MEng Computer Science

Ruskin University

Cambridge, UK

Contact

Let’s build an interface people can trust.

I’m open to frontend roles and projects where polished UI, maintainable code, and performance matter.

noumanmalik970@gmail.com +44-776-125-6841 linkedin.com/in/noman-ali-malik
Send email LinkedIn