Senior Web Developer at Day Out With The Kids
How 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.
When using Fetch, cookies are not shared between sites with different origins, including domains, subdomains, and even ports. Here's why, and the solution.
An overview of Cinepicks, including features, technical aspects like frameworks and server setup, we all as challenges tackled on the way.
Tailwind 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.
Stop users waiting around for long requests by extending the fetch API, giving you control over wait times with a timeout.
Hiding 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.
Implementing WebSockets API between React Native and Node Express server, accessing sockets from Express routes and sending messages to specific users sockets.
Boards 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.
How 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.
Using 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.
A journey of cutting down processing time for an asynchronous process on user uploaded data in Node.js, with database queries.
A 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 using Jest and a dedicated sequelize test database means tests can be ran in a clean, uninterrupted system.
My first few days playing with Arduino using their beginners porject book.
Getting started with Docker for web development by getting to know terminology, as well as creating images of your own projects for sharing with others.
A short post to outline a few features of my latest side project - Flighty.
Getting your site HTTPS ready for free using certbot on AWS EC2 instances, and integrating with Nginx config.
How to set up JWT authentication with Next.js using React Hooks and Context API for global state management and persistent authentication on page reload.
Securing your WordPress website is important. This checklist provides a run down of quick and simple security enhancements aimed at web developers.
An introduction to GitHub Actions and the role the CI/CD service can play in modernizing your web development workflow with building, testing and deployment.
React Native Gifted Chat doesn't come with mentions out of the box, so here's how I integrated it to my project efficiently.
The 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.
The 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.
Delivering real-time in-app notifications with WebSockets and Redis using React and Redux
Detecting 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.
How 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.
A quick and free solution for handling automated Postgres backups in a Node environment.
Quick tips and tricks of how to use Typescript both standalone and with React, and how I integrated it with my Listy web app.
Using .htaccess file to redirect server requests while preserving POST and GET data.
Using GPG, an open source implementation of PGP in order to decrypt a file programmatically in Node.
I recently launched my new Listy App in preparation for a Typescript post I'm writing in the next couple of months. Here's why and how I built it.
A 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.
A quick guide for using your local debugging and data servers with React Native on real devices, for both iOS and Android.
A middleware solution for refreshing JSON Web Tokens using Redux, and sending the original failed request to the server once refresh has been successful.
A short post showing my approach to handling authentication errors in React Apollo, specifically how to log people out due to token expiration.
Getting 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.
An 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.
Covering some crucial areas of Sequelize using Postgres, like sync, migrations, and environment variables which I don't believe are currently easy to find.
A collection of tips and tricks I've gathered over the past year of developing apps with React Native.
Installing 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 quick reference guide to Node JS MongoDB ORM - Mongoose. From simple examples to real-life usage in a cheat sheet style.
Introducing Apollo Client to an existing React Redux application, what that means with Redux dropped from Apollo, including local state management.
Setting up Apollo's GraphQL server implementation, integrating with an existing Node architecture, and protecting the endpoint with JSON web tokens.
Developing my Preact, Redux and Apollo GraphQL boilerplate with JSON Web Token authentication. A three-part post on client and server-side implementation.
My latest side-project is ready for launch - Whiskr. Here's my thought process throughout the dev process and what technologies and techniques I used.
The 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?
Observations of WebRTC and what it means to learn it's nuances, surrounding concepts, and applications in real-life situations.
A hard lesson learned with one long evening of ES6 Node, Babel being pushed to a Heroku server.
Updated 18th March - Carrying on with how I incorporated JWT stateless authentication into React Native using Redux and Redux Thunk.
Comments on each stage of a recent project of making a web scraper and publishing to NPM
How do you get inspired to learn web development? Try listening to a podcast! Check out my top picks.
ESLint 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 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.
Updated 18th March - Going into detail with stateless authentication using JSON Web Tokens with React Native, Redux and Node.
When starting out learning the next Hotness JS framework, what is the fastest and most efficient way to learn? Build a dashboard.
A run through of a solid, proven dev and deployment process using MAMP, Wordpress, Github and GIT repos on remote servers - part 2.
I have come at React from an Angular background, and found the styling options of React pretty deep compared to Angular.
What is the force touch track pad good for anyway? This is the only thing.
A run through of a solid, proven dev and deployment process using MAMP, Wordpress, Github and GIT repos on remote servers - part 1.
A few of my favourite ways to align and position elements in CSS using Inline, Float, Flexbox and CSS Grid.
An overview of my experience with Ionic Framework, built on Angular.
Geolocation is where your app can pinpoint your location. This feature can be combined with geofencing to create a powerful marketing avenue.
The project, named ‘Aquila’, is a solar powered, unmanned aircraft with the wingspan of a Boeing 737 (around 35 meteres).
Unless you’ve been living under a rock for the last couple of weeks, you’ve heard about the social phenomenon sweeping the world, but how does Pokemon Go work?
Differentiating 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.
The Internet is a vast wilderness of information with over 1 billion websites (well, 1,022,820,200 websites at the time of writing this…
Website security is one of the most important aspects of the web. With the growing number of people having access to computers in recent…
Augmented reality is a highly innovative way of showing a digital augmentation of something in a real world environment through the use of a…
With the increasing number of ways to get your information into the digital world, it’s important to know the best one for you. Choosing…
The finished product of a website, app or other piece of software doesn’t always tell the story of the journey of development required…
It’s one thing getting a nice website or app to promote your business or venture digitally, but that’s only half the battle. Once that’s…
I’ve been getting more people viewing my blog because of it’s open and honest content. For this reason I’ve decided to explain a little…
iBeacons are small pieces of truly innovative technology which are used to work alongside apps to make apps location aware. In other words…
So why use a CMS? For those that don’t know, CMS stands for Content Management System. It’s a way of adding and changing new posts, page…