My Projects

My project

Make Space

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


This is the React frontend. Please also see the Make Space API for details on the backend


react icon

React Native

react icon

Expo

react icon

Firebase

react icon

Material UI (Paper)

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


My project

GIF Searcher

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


react icon

React.js

react icon

Tailwind css

react icon

Node.js

react icon

Vercel Continuous Deployment

cypress icon

Cypress


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


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

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

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 Heroku Node.js