Front-end Engineer - London
Front-end Engineer building responsive, user-centric experiences.
Creative front-end developer focused on responsive, user-centric web experiences; strong problem-solving, attention to detail, adaptability, teamwork.
Responsive layout morph
Drag the slider to test layout shifts across breakpoints. The panel reveals the active CSS rules and layout intent.
- Two-column grid
- Nav expands to 4 links
- Balanced padding (20px)
UI Craft Lab
A set of small, production-style demos that highlight systems thinking: component states, accessibility, and resilience under changing inputs.
Component Sandbox
Toggle states and inspect the CSS + props panel as you experiment.
<Button variant="primary" state={[]}>Deploy</Button>State classes add focus rings, motion cues, and progressive loading affordances.
Accessibility Inspector
Use the floating widget to reveal focus rings, highlight heading hierarchy, and run a quick checklist on this page.
Experience
Delivered responsive SaaS and e-commerce experiences, focusing on performance, clarity, and consistent delivery in cross-functional teams.
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.
What I focused on
- 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.
What I focused on
- SEO and performance optimization
- Deployment and server reliability
- Client communication and planning
- Cross-browser consistency
Projects
Featured build plus UI micro-case studies that mirror the production constraints I've shipped with.
E-Voting System (Blockchain)
A tamper-resistant voting flow with voter registration, ballot casting, and result verification backed by on-chain records.
1. Register
2. Cast vote
3. Verify
Not verified yet.
GENESIS
Network boot sequence
Material UI Customization Gallery
Token-driven theming, component variants, and accessibility states for dense SaaS workflows.
Inspired by SMSami UI theming work.
Performance & SEO Lab
Interactive toggles that simulate optimization decisions and their audit impact.
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.
Drawn from cross-functional delivery work.
Skills
A structured capability map across frontend engineering, UI systems, backend integration, and delivery practices.
Education
MEng Computer Science
Ruskin University - Cambridge, UK
Contact
Looking to build a responsive, high-performance experience? Let's collaborate on your next interface.
Phone: +44-776-125-6841
LinkedIn: linkedin.com/in/noman-ali-malik