Full-stack UI Engineer

Based in the UK, Available for new positions

I'm Steven, I'm a UI Engineer with 10 years of industry experience. I pride myself on delivering performant and innovative products with code so clean you could eat off of it - just as long as there's a <table> in there somewhere.

Frontend Development
Backend Development
UI Design
Photograph of Steven
BA (Hons) In Web & Multimedia
First Class Honours
10 Years Industry Experience
Frontend, Backend, and Design
Experienced JavaScript Developer
React, TypeScript, ES6, NodeJS

My Career So Far

Rawnet Digital Agency

UI Developer at Rawnet Digital Agency

2021 - 2024, Remote

My role at Rawnet was more typical of Frontend Development than my others. While at Rawnet I worked with a wide range of clients and on numerous different tech-stacks, with a strong focus on self-guided learning & development between projects.

Responsibilities

  • Frontend Development
  • Website Optimisation & Maintenance
  • Legacy Project Support
  • Lead UI Developer On Numerous Projects
Notable Technologies

  • HTML
  • CSS
  • JavaScript ES6
  • SASS
  • SCSS
  • Tailwind CSS
  • Handlebars
  • Mustache
  • Twig
  • PHP
  • Gulp
  • NPM
  • React
  • React Native
  • Git
  • Github Actions
  • YAML
  • NodeJS
  • VueJS
  • Google Lighthouse

A Brief History Of Me

I first started working in the industry during my second year of University, being someone who has always learned better by doing rather than listening, and being confident enough in my skills at the time to sell them, I started freelancing outside of University hours. I worked with a variety of different clients, from solicitors and photographers to heritage charities and more.

In my final year of Uni, I secured a position at an IT Solutions company ahead of my graduation where I had the chance to work across just about every creative area of that business. I became experienced in UI Design, UI Development, Graphics Design, Brand Development, and started to dabble in Backend Development - albeit to...

Preferred Tech Stack

Keep in mind this would just be my preferred approach to a project if I were given free-reign over everything, feel free to take a look at the in which I have experience.

Backend


  • Firebase + Firebase Cloud Functions
  • Cloud Firestore (No SQL DB)
  • Google Identity Platform (Auth)
  • NodeJS + TypeScript (API)
  • Cloudinary API (Media Uploads)
  • SendGrid API (Transac. Emails)
  • Github Actions (CI/CD)

Frontend


  • React or React Native
  • Redux Toolkit
  • TypeScript + Jest + React Test. Lib.
  • SCSS Modules + Tailwind CSS
  • StoryBlok CMS or Markdown
  • Github Actions (CI/CD)
  • Lighthouse + Bugsnag (QA)

Design & Logistics


  • Adobe Illustrator
  • Adobe PhotoShop
  • Adobe After Effects + Lottie
  • Adobe XD
  • Jira or Azure DevOps

Project Showcase

Since most of my work does not belong to me, I'm unable to show a wide variety of projects publicly. However my showcase project, SNIPPR, encompasses my entire skillset quite nicely - from backend development to UI Design and Frontend Development. SNIPPR is designed to be the software of choice for mobile barbers and hairdressers - think Uber but for hair stylists. I came up with the idea myself a few years ago and pursued it as a passion project outside of working hours.

Firebase Backend & NodeJS API

A Firebase powered backend to drive the complex business logic of the mobile applications. Using Cloud Firestore (No-SQL DB) and Firebase Cloud Functions I designed and built the backend for SNIPPR from the ground up. The BE is accessed via a NodeJS + ExpressJS REST API which I also designed and built alone.

Code Sample

React Native Mobile Applications

The two mobile applications which I designed and built for SNIPPR - one for customers and one for hair stylists. The apps are built with React Native + Expo and are currently production ready and available on both iOS and Android. The apps use a variety of SDKs and extensions, however the UIs are completely custom.

NextJS Marketing Website

The public facing marketing site for SNIPPR, while relatively small and simple for the MVP. I designed and then built this site in NextJS, which is deployed on Vercel (previously on Azure). The site pulls content from Storyblok via the Storyblok API, content is migrated from staging to production via Github Actions and the Storyblok CLI.