Challenge
CS fundamentals like pointer manipulation, async state, and Big-O complexity are usually taught with static diagrams and hand-waving. Make them click instead of just make sense.
CS fundamentals like pointer manipulation, async state, and Big-O complexity are usually taught with static diagrams and hand-waving. Make them click instead of just make sense.
Build four focused React visualizers where Framer Motion drives every state transition: pointer labels physically move node to node, arrows rotate 180°, tree subtrees dim to prove elimination, array slots cascade. The animation *is* the explanation.
Traversal steps use manual "Next Step" controls, not autoplay, so a learner can pause on a single comparison. The async/await demo runs a real handler with actual delays to mirror true event-loop timing, not a faked CSS animation.
Shipped as its own static site on AWS: S3 + CloudFront, reusing the portfolio's existing wildcard ACM cert, fully Terraform-managed alongside the rest of the account's infrastructure.