My Projects

My project

Make Space

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


react icon

React Native

react icon

Expo

react icon

Firebase

react icon

MongoDB

react icon

Material UI (Paper)

react icon

Mocha

react icon

Chai

react icon

Express

react icon

Node.js


next firebase newsfeed project

Finance Tracker

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


react icon

Next.js

react icon

Firebase

react icon

Node.js

react icon

Vercel continuous deployment


next firebase newsfeed project

Next News

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


react icon

Next.js

react icon

Firebase

react icon

Node.js

react icon

Vercel continuous deployment


nc-news

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 icon

React.js

react icon

Node.js

react icon

React Bootstrap

react icon

Material UI

react icon

Netlify


My project

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


react icon

Typescript

react icon

Express

react icon

Node.js

react icon

Heroku


My project

Local Artist's Portfolio Site

A static site created for a local Liverpool performing artist.


react icon

HTML 5

react icon

CSS 3

react icon

jQuery

react icon

Netlify


Other Projects of Note

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 jQuery Anime.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.

HTML5 Bootstrap EJS Express MongoDB Mongoose Node.js Heroku

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 Heroku

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 Heroku 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 Heroku 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 Heroku Mocha Chai Supertest