Web DevelopmentWeb Design

My Portfolio Website (2011-2025)

The original james-allen.ca: a pioneering single-page application built with jQuery that generated leads and launched a freelance career spanning over a decade.

My Portfolio Website (2011-2025) hero image - Web Development & Web Design project for James Allen (Personal) by Calgary web developer James Allen

A Career-Defining Project

My original portfolio website launched in 2011 became the foundation of my freelance career, generating consistent leads for over 14 years and opening doors to employment opportunities at Renoworks, NeuroTrack, FYidoctors, and a teaching position at InnoTech College.

Technical Innovation

Built before React and Vue.js existed, I created a single-page application experience using jQuery and leveraged the HashBangBoom plugin and hashchange plugin before hashchange events were natively supported by browsers. This provided smooth animated transitions between sections and hashbang routing that felt ahead of its time.

Key Features:

  • SPA Experience: Seamless navigation with animated transitions
  • Custom Routing System: HashBangBoom plugin for URL fragment management
  • Interactive Gallery: FancyBox integration for portfolio viewing
  • Mobile Responsive: 2016 update using custom CSS media queries and responsive design

Business Impact

This website consistently delivered results throughout its 14-year run:

  • Generated dozens of freelance clients from local Calgary businesses
  • Led to corporate positions at major companies
  • Helped secure teaching opportunities
  • Proved that thoughtful technical implementation can stand the test of time

The Transition

After 14 successful years, I retired the original site in 2025 to make way for this modern Next.js version. While the tools have evolved dramatically since 2011, the core principles remain: build something that serves real business needs while pushing technical boundaries.

Project Gallery

My Portfolio Website (2011-2025) gallery image 1 - Web Development & Web Design project showcasing jQuery and PHP development for James Allen (Personal)
My Portfolio Website (2011-2025) gallery image 2 - Web Development & Web Design project showcasing jQuery and PHP development for James Allen (Personal)
My Portfolio Website (2011-2025) gallery image 3 - Web Development & Web Design project showcasing jQuery and PHP development for James Allen (Personal)

Technologies Used

jQueryPHPAJAXHTML5CSS3Google Analytics

Key Features

  • Single-page application with hashbang routing
  • Custom jQuery plugin integration (HashBangBoom)
  • Smooth animated page transitions
  • Mobile-responsive design with custom CSS media queries (added 2016)
  • Interactive portfolio gallery with FancyBox
  • Local search optimization

Results

Generated consistent freelance leads for over 14 years
Helped secure employment at Renoworks, NeuroTrack, FYidoctors, and others
Led to teaching position at InnoTech College

Like What You See?

Let's create something amazing for your business too.

Loading...