---
title: "SPA - Single Page Application development with Vue.js | web-candy"
canonical_url: "https://web-candy.com/work/spa"
last_updated: "2026-05-29T15:46:10.050Z"
meta:
  author: "roland alderson web-candy.com"
  description: "Front End Development - 2012 - Present Vue.js development single page apps - animated audio player for band website."
  keywords: "web candy studios, webcandystudios, webcandy, web candy websites, SPA, Vue.js, Tailwind CSS, GSAP, single page application, web design, Front End Development, Audio"
  "og:description": "Front End Development - 2012 - Present Vue.js development single page apps - animated audio player for band website."
  "og:title": "SPA - Single Page Application development with Vue.js "
---

# SPA - 02/2012 - Present

Freelance Front End Developer - Designer

---

**Main tasks:** Build single page applications (SPA) Including animated audio player, in Vue.js and Tailwind for band website. Updated existing animations using GSAP(Greensock.js) Mobile first design and build for desktop, tablet and mobile.

---

**Style:**

[![VueJS](data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='900px'%20height='570px'%20viewBox='0%200%20900%20570'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2053.2%20(72643)%20-%20https://sketchapp.com%20--%3e%3ctitle%3eVue-logo%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3clinearGradient%20x1='3.5942532%25'%20y1='29.5910494%25'%20x2='71.959303%25'%20y2='70.4089506%25'%20id='linearGradient-1'%3e%3cstop%20stop-color='%232E4370'%20offset='0%25'%3e%3c/stop%3e%3cstop%20stop-color='%230F172A'%20offset='100%25'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Artboard'%3e%3cg%20id='Vue-logo'%20transform='translate(0.000000,%20-8.000000)'%3e%3crect%20id='Rectangle'%20fill='url(%23linearGradient-1)'%20x='0'%20y='3'%20width='900'%20height='575'%3e%3c/rect%3e%3cg%20id='Vue'%20transform='translate(561.876228,%20326.296289)%20rotate(-7.000000)%20translate(-561.876228,%20-326.296289)%20translate(229.376228,%2039.296289)'%20fill-rule='nonzero'%3e%3cg%20id='Group'%20transform='translate(332.598024,%20287.217277)%20scale(-1,%201)%20rotate(-180.000000)%20translate(-332.598024,%20-287.217277)%20translate(0.598024,%200.717277)'%3e%3cg%20id='Shape'%20transform='translate(0.202376,%200.033624)'%20fill='%2341B883'%3e%3cpolygon%20id='Path'%20points='408.12381%20571.801786%20331.662995%20439.782434%20255.202179%20571.801786%200.576770013%20571.801786%20331.662995%200.134861512%20662.749217%20571.801786'%3e%3c/polygon%3e%3c/g%3e%3cg%20id='Shape'%20transform='translate(133.147693,%20228.673494)'%20fill='%2334495E'%3e%3cpolygon%20id='Path'%20points='275.178492%20343.161915%20198.717677%20211.142563%20122.256862%20343.161915%200.0659426526%20343.161915%20198.717677%200.168485022%20397.369412%20343.161915'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)](https://web-candy.com/work/xbox)

**Cars:** An American car this time - Dodge Avenger SXT 2014 not quite a Charger but the styling is close.

![Dodge Avenger SXT 2014](https://web-candy.com/_nuxt/dodge.8DCaF45K.jpg)

**Music:** Hybrid - Until Tomorrow · 2006

2012

## Fun Stats

See how different things were at this time

](https://web-candy.com/)

](https://dashboard.simpleanalytics.com/web-candy.com)