MeganRodgers.me

For Megan Rodgers as a Designer & developer

🛠 with Gridsome, NetlifyCMS, Netlify

Started on

Last update on

I built a portfolio for a high school friend of mine who was graduating with her masters in Fashion Design. I used Gridsome because I was just learning about JavaScript frameworks at the time, and Vue felt like the easiest tool to learn to build the kind of dynamic experience I knew I'd need.

Highlights

  • An interactive bee that follows your mouse around from page to page if you like, powered by hand-drawn images and CSS frame animation.
  • My favorite carousel I've ever designed or implemented in the project pages. Try it with a keyboard too.
  • My first bottom mobile nav, which I've been trying to convince everyone to do since.
  • Editor ability to theme different projects

Lowlights

  • A very mediocre editing experience because I found NetlifyCMS hard to extend for my purposes with my limited knowledge of React.
  • Mega big file sizes on some of the images because there is no image preprocessing.