Code for this site can be found on my github.

I started out wanting to test out some ideas I had for page transitions. Then I saw the post about Game Informer hiring for a junior dev role. So I decided to combine my efforts!

The design/css for this site was originally from an exercise in building a ‘classless’ css system. I based it on Mega Man 2, and it uses the original NES color palette.

All the animations were built using Framer Motion, a React specific animation library. Framer is super rad not only because it makes slick animations easy to do, but it also does them all in a way that is less cpu intensive than standard css animations.

This site was built with React, using Next.js. Next.js is an amazing React based library for creating super fast statically generated and server rendered websites.

I chose to host the site on Vercel, because Vercel makes Next.js and it's tailor made for hosting such things. I swear this isn't an ad for Vercel or Next. They just happen to be the tech I used for all this.