Skip to main content

Hello,

I'm Shakib

Software EngineerBoston, MA

Frontend Engineer
Nazmuz Pranto — profile photo

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.

Work

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.

LogTrade previewOct 2021 - Present

LogTrade

LogTrade is a personal journal for tracking daily stock trades online. Originally built using React and Firebase, it offered simple email/password authentication and responsive UI. Version 1.0.0 launched in October 2021 and is live. Currently, I’m migrating the app to Next.js with the App Router for better scalability and performance. I’m also switching to Clerk.dev for simpler client-side authentication, enabling built-in UIs and support for social logins. Alongside these changes, I’m implementing UI enhancements for a more modern look and adding new features like Google’s Speech-to-Text API and LLM integrations to let users manage trades more intuitively—quickly adding or removing trades without editing forms. These updates are part of the upcoming v2.0.0, planned for release in early to mid-2025, aimed at delivering a sleeker, smarter user experience.

ReactTailwindCSSWebpackFirebaseNetlifyClerk.devNext.js
Portfolio v.5 previewJan 2024

Portfolio v.5

A statically rendered personal portfolio website showcasing my projects, work experiences, and blogs. Powered by Next.js (using the Pages Router) and fully hosted in a GitHub repository, this version gives me full control over both content and code. I switched to using static pages with content managed through a single configuration file, making updates simple while retaining auto-deployments via Netlify for seamless content changes without requiring code edits. Previously, I used Contentful CMS for dynamic content updates, but consolidating everything into a single repo ensures a more unified workflow. Looking back at the first version I built five years ago with create-react-app, I overcomplicated things by client-rendering a rarely updated static site. Moving to static rendering and redesigning the architecture has made the site far more efficient and easier to manage. This streamlined setup balances simplicity and functionality, allowing me to focus on content and growth while ensuring the site stays reliable and performant.

HTML/CSSJavaScriptTailwindCSSParcelCypressNetlifyESLintPrettierGitHub Actions
Regexer previewJul 2018 - Present

Regexer

Regexer is a utility library of functions that use regular expressions to validate various types of inputs. Developers often use regexes to validate inputs like emails, zip codes, or credit card numbers. I wanted to create a small utility library to handle a wide range of input validations with regexes, so I wouldn't need to constantly search for reliable patterns online. While it's not an exhaustive collection of regexes yet, I plan to add more functionality over time. Regexer is a Node package that can be installed and used on both the server and client side.

Node.jsESLintMochaSemantic Release
@npranto/actions-cli previewJune 2022

@npranto/actions-cli

A command-line CLI tool to keep track of your action items for each day.

Node.jsCLI ToolCommanderConf

Blog

Articles and write-ups I've published

CSSBattle | #32 Band-aid

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

#css#challenge#bandaid
DEV.to

CSSBattle | #31 Equals

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #30 Horizon

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #29 Suffocate

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #28 Cups & Balls

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #27 Lock Up

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #26 Smiley

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #25 Blossom

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #24 Switches

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #23 Boxception

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #22 Cloud

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #20 Ticket

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #19 Cube

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

#css#challenge#cssbattle
DEV.to

CSSBattle | #18 Matrix

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

#css#cssbattle#challenge
DEV.to

CSSBattle | #15 Overlap

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

#css#cssbattle#challenge
DEV.to

CSSBattle | #9 Tesseract

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

#css#cssbattle#challenge
DEV.to

CSSBattle | #7 Leafy Trail

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

#css#cssbattle#challenge
DEV.to

CSSBattle | #6 Missing Slice

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

#css#cssbattle#challenge
DEV.to

CSSBattle | #5 Acid Rain

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

#css#cssbattle#challenge
DEV.to

CSSBattle | #4 Ups n Downs

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

#css#cssbattle#challenge
DEV.to

CSSBattle | #3 Push Button

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

#css#cssbattle#challenge
DEV.to

CSSBattle | #2 Carrom

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

#css#cssbattle#challenge
DEV.to

CSSBattle | #1 Simply Square

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

#css#cssbattle#challenge
DEV.to

Quick Bite: SSH Key

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

#sshkey#github#gitlab
DEV.to

Videos

CSSBattle solutions and developer content on YouTube.

YT

CSSBattle | #5 Acid Rain

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

YT

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 ...

YT

CSSBattle | #6 Missing Slice

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

YT

CSSBattle | #1 Simply Square

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

YT

CSSBattle | #32 Band-aid

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

YT

CSSBattle | #160 Donut

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

YT

CSSBattle | #3 Push Button

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

YT

CSSBattle | #2 Carrom

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

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