Senior Web Developer at Day Out With The Kids
Making screenshots for social sharing with Puppeteer & Node
December 28, 2021How to create dynamic screenshots of a page for use when sharing on social media with Open Graph images.
Image performance in components with Cloudinary
November 21, 2021Cloudinary makes it easy to get images in any shape or size, but this method leverages React components to make development easier, quicker, and performant.
Using caching to limit API requests for a lightning fast app
October 26, 2021Using local database and Redis caching to help speed up your application and ensure you're not hitting those API request limits.
Making a simple rating system with React Native
September 29, 2021How to make a 5 star rating system in a React Native app, with a Node JS server and Postgres database. This solution was used in my Cinepicks app.
Sharing cookies with JWTs across different domains and ports
August 30, 2021When using Fetch, cookies are not shared between sites with different origins, including domains, subdomains, and even ports. Here's why, and the solution.
Developing my second mobile app - Cinepicks
July 26, 2021An overview of Cinepicks, including features, technical aspects like frameworks and server setup, we all as challenges tackled on the way.
6 Reasons to use Tailwind CSS in your next project
June 24, 2021Tailwind CSS has received all sorts of criticism and praise, but here's why I think you should give it a go in your next project.
Dates and times with vanilla Javascript - the easy way
May 14, 2021Working with dates and times in Javascript can be a pain, but this cheat sheet will help with everything from the basics to working out time and date differences and formatting.
Adding a timeout to API requests with fetch
April 28, 2021Stop users waiting around for long requests by extending the fetch API, giving you control over wait times with a timeout.
How to hide a search bar on scroll in React Native
March 25, 2021Hiding a text input search bar when a FlatList component is scrolled down using React Native Animated and no external packages - simple and easy to implement.
Using the WebSockets API with React Native and NodeJS
February 25, 2021Implementing WebSockets API between React Native and Node Express server, accessing sockets from Express routes and sending messages to specific users sockets.
Control Arduino board over the internet with ESP8226 WiFi
January 25, 2021Boards like the Arduino Uno don't have WiFi as standard, so learn how to add internet connectivity to an Arduino board with the ESP8226-01 component.
A plain and separate tabbed view with React Native Navigation
November 25, 2020How to implement a simple view for logged out users, and a separate tabbed view with side menu for logged in users with Wix's React Native Navigation.
Creating a dynamic loading bar with Socket.io and Node.js
October 24, 2020Using Socket.io, Node.js and React to create a dynamic loading bar for a long running server side process, with a setup and integration example.
Long running, asynchronous server side processes in Node.js
September 13, 2020A journey of cutting down processing time for an asynchronous process on user uploaded data in Node.js, with database queries.
Terminal cheat sheet and CLI tools for web developers
August 26, 2020A collection of must know Linux command line terms and tools for a modern web developer. From basic navigation to leveling up your terminal theme.
Testing on Node.js with Jest and a Sequelize test database
July 28, 2020Testing using Jest and a dedicated sequelize test database means tests can be ran in a clean, uninterrupted system.
Using Docker for full stack local development with Node.js and Postgres - Part 2
June 30, 2020Leveraging the benefits of Docker to help run a full stack JavaScript app within development containers with Docker Compose.
The first thoughts of Arduino from a web developer with no circuit board experience
May 29, 2020My first few days playing with Arduino using their beginners porject book.
An intro to Docker and managing your own containers - Part 1
April 26, 2020Getting started with Docker for web development by getting to know terminology, as well as creating images of your own projects for sharing with others.
Creating Flighty
March 18, 2020A short post to outline a few features of my latest side project - Flighty.
Setting up SSL on an AWS EC2 instance with Nginx
February 29, 2020Getting your site HTTPS ready for free using certbot on AWS EC2 instances, and integrating with Nginx config.
Next.js JWT authentication with React Hooks and Context API
January 31, 2020How to set up JWT authentication with Next.js using React Hooks and Context API for global state management and persistent authentication on page reload.
A digestible WordPress security checklist for web developers
December 07, 2019Securing your WordPress website is important. This checklist provides a run down of quick and simple security enhancements aimed at web developers.
Using GitHub Actions for a modern web development workflow
November 15, 2019An introduction to GitHub Actions and the role the CI/CD service can play in modernizing your web development workflow with building, testing and deployment.
Adding user mentions (tagging) for React Native Gifted Chat
October 25, 2019React Native Gifted Chat doesn't come with mentions out of the box, so here's how I integrated it to my project efficiently.
Javascript fundamentals - Object prototypes and inheritance
September 30, 2019A dive in to the nuances of Javascript prototypes, inheritance and composition with helpful examples and references to official documentation.
Run React + Node on one AWS EC2 instance with Nginx - Part 2
July 20, 2019The second of two posts about running a React and Node app on a single AWS EC2 instance, custom domain pointing with Nginx, and self hosted PostgreSQL database.
Run React + Node on one AWS EC2 instance with PM2 - Part 1
July 08, 2019The first of two posts about running a React and Node app on a single AWS EC2 instance with PM2. A cheaper and more flexible way than AWS Elastic Beanstalk.
Real-time notifications with WebSockets and Redis
June 30, 2019Delivering real-time in-app notifications with WebSockets and Redis using React and Redux
How to detect a tap outside of an element in React Native
May 09, 2019Detecting taps outside of elements in React Native is different to the web, and is needed for closing popups and other elements. Here's a quick solution.
Creating my simple Next.js, Typescript, JWT and PostgreSQL starter
April 04, 2019How I made my Next.js starter, written in Typescript, JWT authentication and a Sequelize Postgres DB. A great project to learn a modern web app stack.
Setting up automated PostgreSQL backups using Node and Shell script
March 26, 2019A quick and free solution for handling automated Postgres backups in a Node environment.
The fundamentals of building a web app with React and Typescript
March 11, 2019Quick tips and tricks of how to use Typescript both standalone and with React, and how I integrated it with my Listy web app.
Redirecting API requests and post data using htaccess
February 07, 2019Using .htaccess file to redirect server requests while preserving POST and GET data.
Decrypting a GPG file in Node JS programmatically
January 21, 2019Using GPG, an open source implementation of PGP in order to decrypt a file programmatically in Node.
How to keep productive as a web developer
December 10, 2018A few of my favourite ways to stay productive as a web developer. From staying organised to regular exercise, it's important to be at your best.
Connecting a React Native app to a local Node and debugging server
November 07, 2018A quick guide for using your local debugging and data servers with React Native on real devices, for both iOS and Android.
Sending requests after JWT refresh using Redux middleware
October 04, 2018A middleware solution for refreshing JSON Web Tokens using Redux, and sending the original failed request to the server once refresh has been successful.
Typescript quick reference guide and tips to get started
September 11, 2018A quick reference guide and some helpful tips on getting in to Typescript for Javascript developers, covering declarations, @types, interfaces, and more.
Handling JWT authentication errors with React Apollo
August 11, 2018A short post showing my approach to handling authentication errors in React Apollo, specifically how to log people out due to token expiration.
The rise and fall of Crossed Paths on the App Store - my React Native experience
August 01, 2018Getting my Crossed Paths app on the App Store was a journey, and now my journey is about to end because of Facebook's privacy rules.
Demystifying web asset storage and CDN solutions
July 04, 2018An overview of web and app asset storage and the different solutions avalaible, covering CDN solutions like Cloudflare which can be utilised to make asset storage a developers dream.
Using PostgreSQL with Sequelize - setup, sync, and migrations
June 11, 2018Covering some crucial areas of Sequelize using Postgres, like sync, migrations, and environment variables which I don't believe are currently easy to find.
React Native tips and tricks I've learned over the past year
May 10, 2018A collection of tips and tricks I've gathered over the past year of developing apps with React Native.
Installing Google Maps on a React Native application using react-native-maps
April 06, 2018Installing react-native-maps and the Google Maps integration was a pain, and there are a few steps here not listed in the official docs.
A concise collection of tips for MongoDB's Mongoose
March 28, 2018A quick reference guide to Node JS MongoDB ORM - Mongoose. From simple examples to real-life usage in a cheat sheet style.
Learning vanilla Javascript and it's frameworks - keeping up with fast-moving web development
March 17, 2018Keeping up to date with Javascript can be tough. Here are some tips on when, what and how to keep up with vanilla Javascript and it's frameworks.
Integrating Apollo GraphQL Client into a Redux application for local state - Part 3
March 04, 2018Introducing Apollo Client to an existing React Redux application, what that means with Redux dropped from Apollo, including local state management.
Integrating Apollo GraphQL into a Node server with JSON Web Tokens - Part 2
February 19, 2018Setting up Apollo's GraphQL server implementation, integrating with an existing Node architecture, and protecting the endpoint with JSON web tokens.
JSON Web Token authentication with Preact and Redux - Part 1
February 01, 2018Developing my Preact, Redux and Apollo GraphQL boilerplate with JSON Web Token authentication. A three-part post on client and server-side implementation.
My Whiskr web app is finished and here's how it's built
January 10, 2018My latest side-project is ready for launch - Whiskr. Here's my thought process throughout the dev process and what technologies and techniques I used.
Functional Programming and what it realistically means for Javascript developers
January 06, 2018Functional programming has taken a front seat in the Javascript world during the last few years, but why? And how does this compare?
What does the GDPR mean for web developers and marketing professionals?
December 11, 2017The General Data Protection Regulation (GDPR) is the new European legislation coming into effect on 25th May 2018, but what does it mean for web developers and marketing professionals?
Learning WebRTC and it's different applications
December 04, 2017Observations of WebRTC and what it means to learn it's nuances, surrounding concepts, and applications in real-life situations.
A lesson learned with Heroku, Node, Babel and Javascript ES6
November 14, 2017A hard lesson learned with one long evening of ES6 Node, Babel being pushed to a Heroku server.
Using JSON Web Tokens and refresh tokens with React Native, Redux and Node JS - Part 2
October 25, 2017Updated 18th March - Carrying on with how I incorporated JWT stateless authentication into React Native using Redux and Redux Thunk.
Creating my user approval based web scraper using Node
October 15, 2017Comments on each stage of a recent project of making a web scraper and publishing to NPM
Asynchronous Javascript using Promises, Async Await, and Observables with real life examples - Part 1
September 28, 2017A comparison of some of the most useful features of Asynchronous Javascript development using Promises and Async Await.
The best 6 web development podcasts for 2017
September 10, 2017How do you get inspired to learn web development? Try listening to a podcast! Check out my top picks.
Using config and environment variables for client and back-end use with Javascript
August 18, 2017With many ways to use global config variables in your Javascript apps, this post covers some of the popular options with attention to using with local and production systems.
Using ESLint and Prettier together in harmony with Atom
August 03, 2017ESLint with your code while developing can save so much time, and using the new Prettier utility works like magic in your code editor.
Connecting to the Instagram API using React Native and Node Express
July 26, 2017Connecting to the Instagram API in 2017 is a big of a nightmare with their new rules. This post will discuss how to connect using React Native, Node and Express.
Using JSON Web Tokens and refresh tokens with React Native, Redux and Node JS - Part 1
July 18, 2017Updated 18th March - Going into detail with stateless authentication using JSON Web Tokens with React Native, Redux and Node.
Learning a development framework quickly by developing a dashboard
June 28, 2017When starting out learning the next Hotness JS framework, what is the fastest and most efficient way to learn? Build a dashboard.
My dev and deployment method using MAMP, GIT and Wordpress - Part 2
May 24, 2017A run through of a solid, proven dev and deployment process using MAMP, Wordpress, Github and GIT repos on remote servers - part 2.
4 useful features of ES6, ES7 and beyond
April 15, 2017Some great features of modern Javascript which aren't mentioned in most blogs - Includes, Fetch, Multi-line strings, and Async/await.
React styling, CSS and components... the React way
March 30, 2017I have come at React from an Angular background, and found the styling options of React pretty deep compared to Angular.
Finally! A good use of the Force Touch trackpad
March 23, 2017What is the force touch track pad good for anyway? This is the only thing.
My dev and deployment method using MAMP, GIT and Wordpress - Part 1
January 04, 2017A run through of a solid, proven dev and deployment process using MAMP, Wordpress, Github and GIT repos on remote servers - part 1.
Aligning elements using CSS four ways
December 20, 2016A few of my favourite ways to align and position elements in CSS using Inline, Float, Flexbox and CSS Grid.
App development using Ionic Framework
November 30, 2016An overview of my experience with Ionic Framework, built on Angular.
Automating web development process with Node and Gulp
May 19, 2016Differentiating build tools and bundlers is daunting for a beginner, but Gulp is one of the easiest to get in to. This post will show a simple example of a Gulp setup.