Categories
Heroku JavaScript Material UI Node PostgreSQL Project React TypeScript

Project Summary: Full Stack To Do App

This project gave me an absolute tonne of learning opportunities and experience – from refactoring existing code to using new technologies – all packed within less than two days. I really enjoyed it!

Check out the demo here (and the code here).

Categories
JavaScript React

How to Get a User’s Location with the Navigator API

Getting a user’s location enables you to do things like show it on a map, provide information about the location, serve up personalised content, and more.

Getting that initial geolocation data is probably easier than you think.

Categories
CSS JavaScript Netlify Project React Scraping Serverless

Project Summary: NHS Dentist Finder

Being able to build digital products is such an enabler.

This project was a great example of experiencing a problem or difficulty and, having enough knowledge to understand how a solution could work, being able to just go ahead and build it and fill in any gaps by learning along the way.

Check out the demo here (and the code here).

Categories
CSS JavaScript Project

Project Summary: Turning a Dribbble Design into Code

As a front-end engineer, you’re often taking a design and turning into code. You’re essentially taking a concept and turning it into reality.

I thought I’d give this some practice!

Check out the demo here (and the code here).

Categories
JavaScript Project React

A Tale of Two ‘To Do’ Apps: 5 Things I Learned

I recently followed two tutorials from the very endearing Dev Ed on YouTube where he created the very same To Do app in different ways; once in vanilla Javascript and again in React. It only took an hour or two to make each one, but it was a really interesting process.

Here’s what I learned…

Categories
APIs ES6 JavaScript

Asynchronous Javascript: fetch, Promises and async / await

Understanding asynchronous javascript – and working with APIs generally – can really take your horizons to a whole new level. There are countless APIs out there that suddenly become available to you; whether that’s free datasets or triggering functionality in your favourite product.

The world is your lobster!

Categories
ES6 JavaScript

ES6 Arrow Functions Explained

Arrow functions are my personal favourite addition to Javascript that came along with ES6. Find out how to use them.

Categories
ES6 JavaScript

ES6 Template Literals (Template Strings) Explained

With ES6, we can do string concatenation in a more natural way that improves readability. It’s super simple!

Categories
ES6 JavaScript

Quick Guide to ES6 Array Helper Methods (with Examples)

In the interest of writing quicker, cleaner and clearer code, ES6 array helper methods are the bees knees.

Categories
JavaScript React

Course Review: ‘React for Beginners’ by Wes Bos (2020)

Having gone through a video course of his some years ago, Wes Bos made a lasting impression on me as someone that could make learning to code really enjoyable and explain relatively complex concepts in an easy-to-understand way. So, when I embarked on this journey to learn React and wanted to go beyond freeCodeCamp’s intro course, I knew where to go next: his React for Beginners course.