.my-work
View a selection of my work below consisting of personal portfolio pieces and real client work.
- All
- React
- SASS
- Wordpress
![](https://d33wubrfki0l68.cloudfront.net/94af005d5f7d501e07b9ef8c9af320d78f213401/223fa/img/john-stanley-portfolio-card-image.jpg)
PERSONAL PROJECT
This Site!
HTML | BEM | SASS | JAVASCRIPT | FIGMA | GULP | PHOTOSHOP | NETLIFLY
A static HTML site that I first designed in Figma then translated to code with HTML, SASS & JavaScript. I managed version control with Git & Github and deployed with Netlifly.
![](https://d33wubrfki0l68.cloudfront.net/1cc64105e0ae8b8bbdd37d0dfb4f5baabee0093a/27395/img/rabbit-hole-coffee-card.jpg)
CLIENT WORK
Rabbit Hole Coffee
WORDPRESS | ELEMENTOR | WOOCOMMERCE | FIGMA | MAILCHIMP | SEO
An e-commerce website I built for a client. Designed without templates in Figma and implemented in Wordpress using Elementor, Woocommerce and some custom CSS. I hosted it, setup Mailchimp and basic onsite SEO.
![](https://d33wubrfki0l68.cloudfront.net/aabc42006bd37ddec65942713aec436da76ff5cb/84705/img/things-to-do-today-card.jpg)
PERSONAL PROJECT
Things To Do Today
REACT | HTML | CSS | FIGMA | LOTTIE
Why, you ask? Because is a junior developer portfolio really complete without a to-do list app!? I've added local storage, a lottie animation on completion, the ability to cross out items on double click/tap and the ability to edit existing list items.