Nic

Web developer

About

I'm a developer in South Oxfordshire. I take websites created in Drupal and WordPress and make them match the designs. I mainly use SCSS along with some jQuery, JavaScript and React.

I enjoy the combination of problem solving and making things pretty.

I also like red.

Nic logo

Projects

View my Frontend Mentor Solutions - where the aim is to create pixel-perfect solutions to designs given as images

The Newport Group screenshot

The Newport Group website

April 2021

A multi-page website written with React, using React Hooks and Intersection Observer.

  • HTML
  • SCSS
  • React
  • React Router
  • Jest
  • Enzyme
  • Testing Library
  • Cypress
  • Parcel
Wordpress Lorem screenshot

Alternative Ipsum Posts

July 2021

Proof of concept, rather than a real app. This takes (not visible) posts from the WordPress.com API and combines them with random images from the Unsplash API, using Express to hide my API key, to add blogposts into a Bootstrap Accordion.

Note, this is hosted on Render, so may take a little while for the server to start up.

  • React
  • TypeScript
  • Bootstrap
  • Express
  • Jest
  • Testing Library
  • Cypress
  • WordPress.com API
  • Unsplash API
Red Dwarf XII screenshot

Red Dwarf XII animation

October 2020

Copy of the Red Dwarf XII opening animation using CSS

  • HTML
  • SCSS
  • Gulp
Book Search screenshot

Book Search

June 2021

Chingu Solo Project: the brief was to create a book search using the Google Books API. I included the ability to search by title or author and to page through results.

  • React
  • React Context
  • TypeScript
  • Styled Components
  • Jest
  • Testing Library
  • Cypress
  • Google Books API
Guess the Number screenshot

Guess the Number

May 2021

Guess the number game that tells you how close you are using hot and cold, rather than higher and lower

  • HTML
  • SCSS
  • TypeScript
  • Jest
  • Cypress
  • Parcel
Click the Shape screenshot

Click the Shape

November 2021

A quick game where you aim to click the shape when it's twice the size. Harder than it looks!

Note, this is hosted on Render, so may take a little while for the server to start up. And the free MongoDB database has expired, so the top scores will return an error.

  • Svelte
  • SCSS
  • Express
  • Jest
  • Testing Library
  • Cypress
  • MongoDB
  • Rollup