Hold to Confirm
A destructive action that asks for intent instead of a dialog. Press and hold to fill; let go early and it springs back.
Jana.
Senior Software Engineer
I build fast, thoughtful products for the web, end to end — from React interfaces to the Node services behind them. I currently work as a software engineer at Cimpress on the Gifta team.
Previously, I was a programmer analyst at Cognizant in R&D, prototyping web and mobile apps. Outside work: family, movies, and writing about what I learn.
Experience
Resume ↗- 05/21 — Now
- Gifta.com Own product configuration, personalization and preview end to end, and improved its Core Web Vitals.
- Gift wrapping Launched the experience, lifting revenue by about 5%.
- Integrations Architected Shopify and Etsy integrations on Node.js, NestJS, Redis and BullMQ.
- AI onboarding agent Automates environment, dependency and access setup for new developers.
- AI context platform Makes engineering knowledge reusable across Copilot, MCP, Confluence and Jira.
- 07/19 — 04/21
Crafts
Explore more →Magnetic Dock
Icons scale with cursor proximity using a spring on a derived distance value — no re-renders.
Writing
All posts →- How to Use Motion for React (formerly Framer Motion)Learn how to animate React apps with Motion, formerly Framer Motion. Install it, then add springs, gestures, scroll, exit and layout animations.
- How I built my blog with NextJsA tour of how this blog is built today, one piece at a time: Next.js, Tailwind, TanStack Markdown and Highlight, Sandpack and Hygraph.
- How to generate dynamic open graph imagesGenerate an open graph image for every page of your Next.js site with Satori or Takumi, no headless browser required.
- How to create apple music's background blur effectIn this blog post, we'll learn how to create apple music's background blur effect using blurhash
- Intro to mdx-bundler with NextJsIn this blog post, I'll show you how to use mdx-bundler with NextJS