John MacTavish

Software Engineer

They call me Soap. What the hell kind of a name is Soap? I'm a software engineer though with an eye for design.

I love building things

Macbook Mockup

A mockup of a Macbook that showcases the product and its features

React

Next.js

Tailwind CSS

Instant Feedback

An interactive feedback system that provides instant responses to user actions

Vue

Nuxt.js

Tailwind CSS

Apple Clone

A clone of Apple's website that showcases their products and services

HTML5

CSS3

Tailwind CSS

Sharing knowledge as I learn

Advanced CSS Techniques for Modern Web Development

Thursday, Feb 15, 2024

Explore advanced CSS techniques including CSS Grid, Flexbox, Custom Properties, and modern layout patterns that will tak...

Introduction to Next.js

Friday, Sep 15, 2023

Next.js is a powerful React framework that enables you to build fast, SEO-friendly web applications with server-side ren...

Mastering React Hooks

Monday, Jan 15, 2024

Learn how to effectively use React Hooks to manage state and side effects in your functional components. A comprehensive...

Worked at reputed firms

Google

Senior Frontend Engineer

June 2020 - Present

Led the development of key features for Google Cloud Platform's web console while improving performance metrics by 35%.

React

TypeScript

Redux

GraphQL

Jest

Cypress

Microsoft

Software Engineer

August 2018 - May 2020

Worked on the Microsoft Teams web application, implementing real-time collaboration features and UI components.

React

JavaScript

Azure

WebRTC

Webpack

SASS

Airbnb

Frontend Developer

January 2017 - July 2018

Developed and maintained core components of Airbnb's booking platform.

React

Redux

Node.js

Express

MongoDB

Styled Components

Shopify

Freelance Web Developer

March 2019 - December 2019

Designed and developed custom Shopify themes for enterprise clients with optimized checkout flows.

JavaScript

HTML5

CSS3

SCSS

Shopify API

Adobe

Freelance Frontend Consultant

September 2016 - November 2016

Consulted on the redesign of Adobe's Creative Cloud web application.

HTML5

JavaScript

CSS3

People love my work

Get in touch

I'm currently looking for new opportunities. Whether you have a question or want to say hi, hit that button.

Send Enquiry

Built with love by Manu Arora