Migrate carl-topham.com from Gatsby to Next.js

Running kit bag

SmartSave & LiveLend WebApps


Retrieves activty data from Strava's API for analysis. Features yearly goals with up to date daily targets, rolling averages (7 and 30 days), cumulative distance and elevation gain.

Also features some comparisons between distance, elevation gain, HR and speed.

Eddington numbers per activity type - all time and by year.

Advanced Strava Stats

SmartSave Public Website



I've been learning the keyboard and music theory. One lesson it just clicked for me how logical chords actually are, so I decided to write my notes in a programmatic way so I could fortify this understanding. The result of this has grown as I have learned more about major chords and also minor chords of various types.

Currently it generates all the notes in a key (major or minor) and the chords for each of the seven progressions (I, II, III, IV, V, VI, VII) with their triads, sevenths and inversions plus whether those chords are major or minor in themselves.

Chord generator script


Designed and built a WordPress blog for Epek (an online marketplace). Responsive theme with JQuery enhancements


Epek marketing


JavaScript and CSS fixes to make backwards compatible all the way to IE6 due to many military visitors on limited hardware/software. Fixed issues in old WordPress theme and advised on future upgrade paths.


goflightmedicine.com


Designed the mobile site based on the existing desktop version. Implemented a modular approach to allow the site to built efficiently and remain manageable for future updates. Used Sass, Grunt and custom built UI font to manage the design assets.!

IAAF WorldRunning mobile site



Built a new theme from scratch for the [LVRC](http://www.lvrc.co.uk/). Worked closely with their content manager to achieve the best solution for their use case.

Liverpool Victoria Rowing Club

React.js comment app


Designed, and built the frontend (JS and SCSS) and backend of this responsive site. Work included designing the database models and view for a Django site, integrating the front end templates and building all the JavaScript interaction on the site.

The Realbuzz Group site


Designed (layout & illustrations) and then built Wordpress site. Blog posts are pulled in via Google plus and main layout uses WP Custom Fields. Contact form is an integrated Google Doc.!

Waziwingu


The SVG keyboard is a sister project to the chord generator. It's aim is to take the javascript object from the latter and visualize it in a more human readable way. 

![Keyboard project image] (/content/projects/keyboard.png)



React / SVG Piano keyboard with note highlighting


The Training Plan Generator provides a set of prebuilt example training plans and a custom plan tool. The aim is to allow runner to create their own plans to fit their goals and the facility to update their goals as they advance.

The plans are based of knowledge I gained from my own running, other experience runners advice, podcasts and of course any training plans I have seen. There has been no meta analysis of the plans, so it's all ball park guestimation to create something that I feel would work for me currently and would have worked for me as I have progressed. The aim if for this to work for me as I advance myself.

![Training plan image] (/content/projects/plan.png)

Projects