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.
My Career So Far
UI Developer at Rawnet Digital Agency
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
- 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
Founder & UI Engineer at SNIPPR
In 2021 I had an idea for a pair of mobile applications which I decided to pursue outside of working hours. From inception to market-ready products - I designed, developed, and tested my apps using the skills and experience I have gained across my career.
Responsibilities
- Frontend App Development
- Frontend Web Development
- Backend Development
- UX & UI Design
- API Development
- Project Scoping & Management
- Entrepeneurial Roles & Business Management
- HTML
- CSS
- JavaScript ES6
- SCSS
- Tailwind CSS
- React Native
- Expo
- NextJS
- React
- Firebase
- Firebase Cloud Functions
- Firestore
- ExpressJS
- NodeJS
- API Development
- API Design
- Headless CMS
- Adobe Creative Suite
UI Engineer at Perfect Image IT Solutions
I started at Perfect Image right out of University and eventually became the sole Frontend Developer at the company. I was responsible for all UI Design & Development, Graphic Design, and a number of other creative responsibilities. This was a varied role which allowed me to expand my skillset beyond just Frontend Development, though that always remained my primary focus.
Responsibilities
- Frontend Development & UI Design
- Backend Development (PHP)
- Advising Stakeholders on Frontend/Creative Direction
- Graphic Design (Print and Digital)
- Video Editing & Animation
- Brand Development
- HTML
- CSS
- JavaScript ES6
- LESS
- SASS
- SCSS
- Gulp
- Grunt
- NPM
- React
- PHP
- ASP.NET
- Git
- Gatsby
- Headless CMS
- WordPress
- NodeJS
- VueJS
- Google Lighthouse
- Azure
- SharePoint
- PowerApps
- Adobe Creative Suite
Web Developer at Atomspark
In my second year of University I started a freelance business and began working for myself in my spare time, I continued for around 4 years before shifting focus to other pursuits. I had the chance to work with a variety of clients from solicitors and data analytics firms to heritage charities and more.
Responsibilities
- Frontend Development & UI Design
- Backend Development (PHP)
- Project Management
- Client Relations & Project Scoping
- Entrepeneurial Roles & Business Management
- HTML
- CSS
- JavaScript ES6
- SCSS
- Gulp
- NPM
- React
- PHP
- Git
- WordPress
- NodeJS
- Google Lighthouse
- Adobe Creative Suite
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...
A Not-So-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 a limited degree.
In my next role I focused entirely on UI Development and honed my skills as a modern web developer. Testing, maintaining, and optimising websites became second nature at this point, and I got a real taste for NodeJS-based backend development.
I've always enjoyed my passion projects, and outside of working hours I've worked on a number of different ones. My latest and most challenging involved the design and development of a pair of mobile applications (both iOS & Android) as well as an accompanying marketing website built in NextJS and a NodeJS & Firebase backend complete with REST API.
I prefer to call myself a 'UI Engineer' because I feel it encompasses my skills quite nicely, I'm confident and experienced not only in Frontend Development, but also in UI Design and NodeJS Backend Development.
On the personal side of things, I enjoy hobbies such as analogue photography, hiking, metal detecting, gaming, and cooking - this isn't Tinder so I'll stop there, but feel free to ask me anything by messaging me on LinkedIn!
Thanks for visiting!
Steven.
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 SampleReact 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.