Skip to main content

Hello,

I'm Shakib

Software EngineerBoston, MA

Frontend Engineer
Nazmuz Pranto — profile photo

Recent Activities

A quick look at the latest articles and videos I published.

About

A little about who I am and what drives me.

Hey, I'm Shakib. I'm a Senior Frontend Engineer with 7+ years of experience building web applications and design systems that people actually enjoy using. I work primarily with TypeScript, React, Next.js, and Node.js, and I care a lot about performance, accessibility, and making the developer experience better for everyone on the team.

Most recently at Hydrow, I was one of three engineers responsible for the entire e-commerce platform. I led a full homepage redesign, wired up Shopify custom pixel tracking for better funnel visibility, and built out a typography system that finally made things consistent across the site. Before that, at Best Buy, I worked on the Product Details Page, which serves over 4 million users a day. I got to focus on performance improvements, A/B testing, and cutting deployment time by 6x with a GitHub Actions pipeline. And earlier at Newfold Digital, I built a library of reusable components and helped integrate Contentful CMS so the marketing team could ship updates without needing an engineer every time.

My Journey

I started out studying Computer Science in college, but after discovering web development through Codecademy, I took a year off to attend DevMountain, a software engineering bootcamp. It was a bet on myself that paid off. Hands-on, project-based learning suited me way more than lectures ever did, and it's still how I approach picking up new things today.

Outside of Work

I like building things for myself when I have spare time. LogTrade is a personal trade journal I built with React and Firebase, and Regexer is a small NPM utility library I've been maintaining since 2018. Lately I've been spending a lot of time experimenting with AI tooling and MCP workflows.

Experience

Companies I've had the privilege of working with.

  1. eCommerce Engineer

    Hydrow

    Mar 2025 - Mar 2026

    Boston, MA · Full-time

    • Owned end-to-end e-commerce platform (marketing, blogs, PDP, PLP, and checkout) as part of a small team of 3 engineers.
    • Increased site engagement and conversion by leading a full homepage redesign and legacy page rebuild, optimizing for performance, accessibility, and scalability across CMS-driven layouts.
    • Integrated Shopify custom pixel tracking, enabling full-funnel visibility across checkout flows and improving attribution accuracy and upsell targeting.
    • Improved visual consistency and maintainability by implementing a scalable typography system across legacy and new pages without disrupting existing layouts.
    TypeScriptReactNext.jsShopifyContentful CMSWeb PerformanceAccessibilityRudderStackVercelPlaywright
  2. Frontend Engineer III

    Best Buy

    Mar 2022 - Nov 2024

    Remote · Full-time

    • Maintained and optimized 25+ mission-critical React components within the Product Details Page (PDP), serving 4M+ daily users, directly impacting revenue-critical user flows.
    • Drove a 3% increase in customer engagement by collaborating with product, UX, and backend teams to redesign key product components using A/B testing and data-driven experimentation.
    • Reduced core-components bundle sizes by 15% or more and improved load performance by implementing code splitting, lazy loading, and modern image optimization strategies.
    • Led CI/CD transformation, reducing deployment time by 6X by building a self-service GitHub Actions pipeline.
    JavaScriptTypeScriptCSS ModulesTailwind CSSReact.jsNext.jsGraphQLWebpackWeb PerformanceTest AutomationJestCypress
  3. Full-Stack Software Engineer

    Newfold Digital

    Jul 2018 - Jul 2021

    Burlington, MA · Full-time

    • Built and maintained 15+ reusable e-commerce UI components using Next.js, React, and Redux, streamlining feature development and enabling easier collaboration across teams.
    • Improved the core single-page app by adding 50+ features & bug-fixes, along with comprehensive unit tests using Jest and Enzyme, to ensure usability of customer registration and checkout flow.
    • Integrated Contentful CMS for dynamic product fetching, enabling marketing team updates without code releases.
    • Partnered with backend teams to integrate new APIs and payment gateways to support scalable eCommerce operations.
    Next.jsReactReduxSassWebpackJestEnzymeContentfulNode.jsGitJIRA
  4. Software Engineer

    Lexia Learning

    Sep - Dec 2016 & Jun - Aug 2017

    Concord, MA · Contract

    • Built 20+ JSON schemas to validate and structure large, nested JSON objects, or lesson tasks for production-level reading software program
    • Written various JavaScript functions or snippets to automate JSON file modifications to simplify and speed up application content updates
    JavaScriptJSON SchemaGit

Projects

Selected personal and side projects I've built over the years.

4 projects

LogTrade preview

LogTrade

A personal journal for tracking daily stock trades online, with plans to add AI/LLM integrations for smarter trade management.

ReactTailwindCSSWebpackFirebaseNetlifyClerk.devNext.js
Portfolio v.5 preview

Portfolio v.5

A statically rendered personal portfolio website showcasing projects, work experience, and blog posts, powered by Next.js.

TypeScriptNext.jsReactTailwindCSSNetlifyESLintPrettierGitHub Actions
@npranto/actions-cli preview

@npranto/actions-cli

A command-line tool for keeping track of daily action items and tasks, built with Node.js and Commander.

Node.jsCLICommanderConfJavaScript
Regexer preview

Regexer

A utility npm library of functions using regular expressions to validate common input types like emails, ZIP codes, and credit card numbers.

Node.jsJavaScriptESLintMochaSemantic Release

Content

Articles, walkthroughs, and videos I've published.

Automate Adding Publix Coupons

Background (feel free to skip) Ok, let me cut to the chase... I am a software engineer by...

#publix#coupons#automate
Article

BFE.dev | 176. undefined to null

Welcome to BFE.dev Challenges! In this short article, I review my solution for BFE - #176 undefined...

#bfedev#javascript#coding#challenge
Article

CSSBattle | #32 Band-aid

Welcome to CSSBattle Challenges! In this short article, I review my solution for CSSBattle - #32...

#css#challenge#bandaid#cssbattle
Article

CSSBattle | #31 Equals

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #31...

#css#challenge#cssbattle#equals
Article

CSSBattle | #30 Horizon

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #30...

#css#challenge#cssbattle#horizon
Article

CSSBattle | #29 Suffocate

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #29...

#css#challenge#cssbattle#suffocate
Article

CSSBattle | #28 Cups & Balls

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #28...

#css#challenge#cssbattle#cupsandballs
Article

CSSBattle | #27 Lock Up

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #27...

#css#challenge#cssbattle#lockup
Article

CSSBattle | #26 Smiley

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #26...

#css#challenge#cssbattle#smiley
Article

CSSBattle | #25 Blossom

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #25...

#css#challenge#cssbattle#blossom
Article

CSSBattle | #24 Switches

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #24...

#css#challenge#cssbattle#switches
Article

CSSBattle | #23 Boxception

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #23...

#css#challenge#cssbattle#boxception
Article

CSSBattle | #22 Cloud

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #22...

#css#challenge#cssbattle#cloud
Article

CSSBattle | #21 SitePoint Logo

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #21...

#css#challenge#cssbattle#sitepointlogo
Article

CSSBattle | #20 Ticket

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #20...

#css#challenge#cssbattle#ticket
Article

CSSBattle | #19 Cube

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #19...

#css#challenge#cssbattle#cube
Article

CSSBattle | #18 Matrix

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #18...

#css#cssbattle#challenge#matrix
Article

CSSBattle | #17 Fidget Spinner

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #17...

#css#cssbattle#challenge#fidgetspinner
Article

CSSBattle | #16 Eye of the Tiger

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #16...

#css#cssbattle#challenge#eyeofthetiger
Article

CSSBattle | #15 Overlap

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #15...

#css#cssbattle#challenge#overlap
Article

Automate Adding CVS Coupons

Background (feel free to skip) Ok, I understand this post is kind of weird OR may not...

#cvs#coupons#automate
Article

CSSBattle | #14 Web Maker Logo

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #14...

#css#cssbattle#challenge#webmakerlogo
Article

CSSBattle | #13 Totally Triangle

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #13...

#css#cssbattle#challenge#totallytriangle
Article

CSSBattle | #12 Wiggly Moustache

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #12...

#css#cssbattle#challenge#wigglymoustache
Article

CSSBattle | #11 Eye of Sauron

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #11...

#css#challenge#cssbattle#eyeofsauron
Article

CSSBattle | #10 Cloaked Spirits

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #10...

#css#cssbattle#challenge#cloakedspirits
Article

CSSBattle | #9 Tesseract

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #9...

#css#cssbattle#challenge#tesseract
Article

CSSBattle | #8 Forking Crazy

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #8...

#css#cssbattle#challenge#forkingcrazy
Article

CSSBattle | #7 Leafy Trail

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #7...

#css#cssbattle#challenge#leafytrail
Article

CSSBattle | #6 Missing Slice

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #6...

#css#cssbattle#challenge#missingslice
Article

CSSBattle | #5 Acid Rain

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #5...

#css#cssbattle#challenge#acidrain
Article

CSSBattle | #4 Ups n Downs

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #4...

#css#cssbattle#challenge#upsndowns
Article

CSSBattle | #3 Push Button

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #3...

#css#cssbattle#challenge#pushbutton
Article

CSSBattle | #2 Carrom

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #2...

#css#cssbattle#challenge#carrom
Article

CSSBattle | #1 Simply Square

Welcome to CSSBattle Challenges! In this short article, I go through my solution for CSSBattle - #1...

#css#cssbattle#challenge#simplysquare
Article

macOS Web Development Setup Guide

Table of Contents What Does This Guide Cover? Why Should You Consider It? Steps: Step...

#development#setup#guide#macos
Article

Quick Bite: SSH Key

SSH stands for - "Secure Shell" It is a protocol that enables secure communication between 2...

#sshkey#github#gitlab#bitbucket
Article

CSSBattle | #5 Acid Rain

CSSBattle Challenge - Target #5 Acid Rain Learn how I dive into my solution for implementing CSSBattle Acid Rain challenge.

#video
Video

CSSBattle | #6 Missing Slice

CSSBattle Challenge - Target #6 Missing Slice Learn how I dive into my solution for implementing CSSBattle Missing Slice ...

#video
Video

CSSBattle | #4 Ups n Downs

CSSBattle Challenge - Target #4 Ups n Downs Learn how I dive into my solution for implementing CSSBattle Ups n Downs ...

#video
Video

CSSBattle | #1 Simply Square

CSSBattle Challenge - Target #1 Simply Square Learn how I dive into my solution for implementing CSSBattle Simply Square ...

#video
Video

CSSBattle | #32 Band-aid

CSSBattle Challenge - Target #32 Band-aid Learn how I dive into my solution for implementing CSSBattle Band-aid challenge.

#video
Video

CSSBattle | #160 Donut

CSSBattle Challenge - Target #160 Donut Learn how I dive into my solution for implementing CSSBattle Donut challenge.

#video
Video

CSSBattle | #3 Push Button

CSSBattle Challenge - Target #3 Push Button Learn how I dive into my solution for implementing CSSBattle Push Button ...

#video
Video

CSSBattle | #2 Carrom

CSSBattle Challenge - Target #2 Carrom Learn how I dive into my solution for implementing CSSBattle Carrom challenge.

#video
Video

Education

Where I've formally studied and trained.

DevMountain

Web Development Immersive Program

2016 · Dallas, TX

Contact

Got a project, opportunity, or just want to chat? Reach out... I'd love to connect!

Find Me On