My Projects

Preview Not Available Github

Feedback Generator

An application to streamline the process of marking and providing feedback on projects

TypeScript

Next.js

Tailwind CSS

Prisma

tRPC

React Testing Library

Jest

Preview Github

Finance Tracker

A lightweight finance tracker - built using Next.js. Helps keep track of current spending habits and expenditure. Database protected by Firestore rules

Next.js

Firebase

Node.js

Vercel continuous deployment

Preview Github

Next News

A NEXT.js, quirky news feed site with custom firebase usernames

Next.js

Firebase

Node.js

Vercel continuous deployment

Preview Github

GIF Searcher

An easy to use GIF searcher, React app, to enable you to easily find gifs and share them with others.

React.js

Tailwind css

Node.js

Vercel Continuous Deployment

Cypress

Preview Github

NC News

A UI/front end interface which connects to the NC News backend project. Uses functional components and React hooks such as state, context and effect

React.js

Node.js

React Bootstrap

SASS

Material UI

Netlify

Preview Github

REST API for NC News

A RESTful API which connects to the NC News database through 14 endpoints - hosting tables such as users, topics, comments and articles

It follows the Model-View-Controller development framework

Typescript

Express

Node.js

Mocha

Chai

Other Projects of Note

Local Artist's Portfolio Site

A static site created for a local Liverpool performing artist.

Built to explore the bootstrap CSS library, as well as explore my own vanilla CSS skills and animations. This site is continually being updated.

HTML5 CSS3 SASS jQuery Boostrap Netlify

Portfolio Website v.1

My first and current portfolio website.

Created using vanilla CSS with some animation via jQuery and the Anime.js library

HTML5 CSS3 SASS jQuery Anime.js Netlify

Make Space Mobile App

A React Native app designed to make advertising and browsing available spaces in your area

Allows user to search and view spaces in their local area to multiple purpose use

ReactNative Expo NativePaper Firebase

Blog site

A server side rendered blogging site

Uses EJS and MongoDb to serve pages and persistent data

HTML5 CSS3 EJS Express MongoDB Mongoose Node.js

Secrets

An anonymous posting site with uses level 6 security and authentication

Currently uses level 6 third part OAuth, token based authentication, using Google provider as well as local authentication. However, the project was built to explore other levels of security, such as salting/hashin using bCrypt, as well as cookies and sessions using Passport.js

HTML5 CSS3 EJS MongoDB Mongoose Node.js OAuth Passport.js Express

Make Space RESTful API

A RESTful API created to serve the React Native frontend.

Includes a variety of CRUD methods, as well as error handling and multiple collections. This MVC express server API was fully tested using Mocha and Chai to hightlight issues, before being used in production. The API and frontend were created in eight days, as part of the final team project for Northcoders.

Express MongoDB Mongoose Node.js Mocha Chai Supertest

Wikipedia RESTful API

A Wikipedia style RESTful API

This API enables users to post a title and content - in the same style as Wikipedia. User can also replace, patch and delete articles, through a variety of endpoints

The API was tested using Supertest, Mocha & chai

Express MongoDB Mongoose Node.js Mocha Chai Supertest

NC News RESTful API - JavaScript

A RESTful API created to serve the React frontend.

API which connects to the NC News database through 14 endpoints - hosting tables such as users, topics, comments and articles - tested with Jest

Express Jest Supertest Node.js

Music Tutor

A music theory tutor app

Contains a series of music theory based games which aim to improve students aural listening and theory knowledge - heavily inspired by the Google Music labs

TypeScript Next Tailwind Vercel Tone.js

To Do list

A 'to-do' list app with server rendered pages

Express rendered pages, using EJS templating and MongoDB to create persistent data. New list items can be added/deleted, as well as new lists created.

HTML5 Bootstrap EJS Express MongoDB Mongoose Node.js