I am a freelance web developer based in Montreal, Canada.
- HTML
- CSS/SCSS/SASS
- JS
- React
- Gatsby
- Vue.js
- Webflow
- D3.js
- Node.js
- Sanity.io
- Netlify
- git/github
- Figma
Website for artist Marie Khouri, created from Graham Handford's design with input from Marie's team.
![Marie Khouri Sculpture screenshot](https://user-images.githubusercontent.com/23199739/218293305-d7ac879a-bef8-443f-b899-9b3c57aeffe9.png)
technologies used:
- Webflow
- Figma
- Google Maps Api
designed by: Graham Handford
A React app that gives you only the full album releases from your "Release Radar" playlist on Spotify. See when your favorite artists put out full length releases. Developed using test driven development.
![Release Radar Album Filter screenshot](https://user-images.githubusercontent.com/23199739/218192232-128cff14-5696-4123-82c5-dea4ebbf3f9d.png)
technologies used:
- React
- Netlify Serverless Functions
- Spotify Api
A multi-page artist site for musician Naghmeh Shafiei. The front end is built with Vue.js, and the backend uses a Sanity.io CMS and Netlify functions to integrate Mailchimp.
![naghmehasong.com screenshot](https://private-user-images.githubusercontent.com/23199739/330085898-fe880342-4528-4218-b284-7cae94c198ce.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1MTU3NTAsIm5iZiI6MTczOTUxNTQ1MCwicGF0aCI6Ii8yMzE5OTczOS8zMzAwODU4OTgtZmU4ODAzNDItNDUyOC00MjE4LWIyODQtN2NhZTk0YzE5OGNlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE0VDA2NDQxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRkNDg5YzMxZDdlYzc2OTBmZWFiNmVlODhmZmIwMzc1MTQzYmUwMDgwNjFlNjE2NzYxYmEzZjFmNTQ5Nzk3YjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.5BYJ9A8Vv4OWDOFuzYpOnb_pSsxna98fxuDO9Tch0Uw)
technologies used:
- Vue
- Sanity
- Netlify
- Mailchimp API
Designed by Graham Handford, I built this site using HTML/CSS/Javascript. I used libraries where appropriate (Splide.js and Email.js) and compiled with Webpack. My focus was to create a lightweight responsive website, with pixel perfect precision to stay faithful to the client's design.
![Handford.com screenshot](https://user-images.githubusercontent.com/23199739/218198972-b5471fa5-4cc7-4700-833b-08d41c4ee3e2.png)
technologies used:
- HTML
- CSS
- Javascript
- Node.js
designed by: Graham Handford
A template site for a bicycle shop with an attached Shopify store. Includes custom translation functionality of Shopify Store to ensure all filters, fields, and shopping cart functionalities are translated.
![shopify bike shop template screenshot](https://private-user-images.githubusercontent.com/23199739/330088822-fa8fd661-904d-4f3e-87e1-372e21e43946.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1MTU3NTAsIm5iZiI6MTczOTUxNTQ1MCwicGF0aCI6Ii8yMzE5OTczOS8zMzAwODg4MjItZmE4ZmQ2NjEtOTA0ZC00ZjNlLTg3ZTEtMzcyZTIxZTQzOTQ2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE0VDA2NDQxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcyMzc3OTkzMjRhNTk3Nzk0MGMxMTgwYWM3Y2M5ZWI0Y2MzZGFmYWY0NjM1NWQzYWI1NDM3NTkxMTA4MmNmYjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.hW2Zp28sdXLs2hYd-6V_mU1Gx9pnKfFef731A885YFw)
technologies used:
- Gatsby
- React
- Netlify
- Shopify
- Node.js
A webapp created with Vue.js that visualizes your playlist and recommends songs to add based on criteria of your chosing. (requires spotify account with at least one playlist)
![Spotify Song Recommender screenshot](https://user-images.githubusercontent.com/23199739/218198981-021da2b5-6492-4ad1-827e-3eedc7a590ff.png)
technologies used:
- Vue
- Netlify
- Spotify Api
A minimalist photography portfolio, inlcuding a custom Sanity CMS.
![Evan Wintchel Photography screenshot](https://user-images.githubusercontent.com/23199739/218197483-c98bbc1d-1b57-4eb8-bb47-87fc4a98cb22.png)
technologies used:
- Vue
- Sanity