Repository for my personal website, rachelfrantsen.com.

Complete Stack

• Vue.js
  • Navigation bar, animated in pure CSS: src/components/Navigation.vue
  • Cover 3D Animation: src/components/WaveScene.vue
  • "Git-diff-style" skills: src/components/screens/Skills.vue
  • More pages: src/components/screens
  • Mounting chain: src/main.js > src/App.vue > src/components/Home.vue
• Vuex (state management)
  • src/store/index.js
• Vue Router
  • src/router/index.js
• Google Analytics
• 3D WebGL & WebGPU graphics on ThreeJS
• Bundling with Webpack & Vue-Loader
• Node.js server
• Bash scripting (build steps): postBuild.sh
• DNS, CDN & full TLS (SSL) encryption by Cloudflare
• Domain registration by Google, now Squarespace
• Hosted on Github Pages
• Git version control by GitHub (right here!)

In Progress

• Replace Vue Router & VueX with native Vue, remove plugins.
• Migrate from Webpack & Vue Loader to Vite.
• Migrate from Vue 2 to Vue 3.
• Integrate TypeScript.

---

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification and view the bundle analyzer report
npm run build --report

# run the built app locally
npm run start