Featured Projects

View Details
View Details
View Details
View Details
View Details
View Details
View Details
View Details

Project Details JoshMielke.com

JoshMielke.com

Features
  • CSS Animations
  • Custom Illustrations
  • Precision Tuned Pagespeed Optimization
  • Visual Layering
  • Zeke, The Angry Angler
Project Links
View Website
About

Wondering about my portfolio? My goal was to create a simple website showcasing some of the recent projects I’ve worked on. I wanted my portfolio to feel like a single page app, while still retaining the SEO of a standard multi-page website. It was built using Vue.js and Nuxt. This setup allowed me to create a blazing fast, static website (w/PWA support), which I then deployed using Netlify.

Design

I focused on using connected scenes and animated transitions flowing between page changes to give it a more interactive feel. TailwindCSS was a useful asset in this project, and it is my current go-to for fully custom designs.

Speed

I also decided to optimize the heck out of this project (since why not?) and was able to achieve a perfect 100% across-the-board score in Lighthouse (tested w/ Lighthouse v7 via CLI) for my homepage. All additional pages score within the upper 90s for performance, and once Nuxt supports version 3 of Vue I should be able to implement a bit of additional tree-shaking to push the performance even further.

Technology Used
JavaScript ES6
Netlify
Nuxt
TailwindCSS
Vue.js
Prev Next