Nic

Web developer

About

I'm a developer in South Oxfordshire. I currently program online surveys, create data collection tools using HTML, CSS and jQuery and work on survey layouts using CSS and JavaScript.

In my spare time I create web pages and games with HTML, SCSS, JavaScript, TypeScript and React, use testing tools like Jest, Testing Library and Cypress, and package everything using Parcel, Gulp and Webpack. 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

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

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 Heroku, 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

Copy of the Red Dwarf XII opening animation using CSS

  • HTML
  • SCSS
  • Gulp
Book Search screenshot

Book Search

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

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

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 Heroku, so may take a little while for the server to start up.

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