YashikaJotwani.

I build the systems behind the screen.
And care about every detail in front of it.

FIG. 001 — CONTINUOUS CURIOSITY3D / ∞

x = (R + r cos v) cos u

CURRENTLY AT HACKERRANK

Code with intent. Build with curiosity.

01 / FIELD NOTES

Always learning.
Sometimes writing.

Thoughts on engineering, design,
and the things I figure out along the way.

A deep dive into creating a clean, performant portfolio using Next.js 14, Tailwind CSS, and Framer Motion.

How to implement a seamless dark mode experience that respects system preferences and avoids flash of unstyled content.

Why less is more when it comes to web animations, and how Framer Motion makes it easy to add just the right amount of motion.

Practical TypeScript patterns that make your React code safer and more maintainable without adding complexity.