Projects

Study Staxx

A web app written in Typescript that enables a student to create, update, prioritise and track a list of study tasks that they have outstanding, the student side is then linked to a parent side, where progress can be tracked and tasks can be removed when completed. Database is hosted on render.

ReactTypescriptTailwind CSSNetlifyNode.jsExpress.jsJestSuperTestRenderThunder Client

Medi-Check

Worked in a team of five for four weeks to produce an app to help reduce the amount of errors made when patients were being prescribed medication. We designed the patient side for mobile first and the doctor side for computer usage. The database and servers are hosted using railway.

ReactMaterialUICSSNetlifyNode.jsExpress.jsRailwayAuth0JestSuperTestCypress

Scrabbledit

A PWA that will calculate the scrabble score for any word that is entered and will allow up to four players to keep track of their cumulative scores as a game progresses. I enjoyed the challenge of trying to get all the functioning parts working together.

ReactCSSNetlifyJest

Topscorers

A full stack application that allows users to search through the top scorers in the English Premier League from the 1992/93 season to present day. The React front end, hosted on Netlify, utilisises a stand alone API built using a TDD method, that I'm looking to extend to be able to supply data from the top 5 European leagues over the same time period. The database is hosted using ElephantSQL, with the server hosted through Render.

ReactCSSNetlifyNode.jsExpress.jsElephantSQLRenderJestSupertestPostman

U-Card

A web application made using React with Typescript and CSS, tested using React testing libary with Jest. A user is able to create their own personalised card image. They can add their own name and tagline, users are able to choose from several avatars, fonts, layouts, sizes, background and border styles, and pick the colors they want. When finished the user download a copy of their card. I am currently working on a database with MongoDB so that users will be able to save the designs so that they will appear in the right-side suggestion list for other people.

ReactTypeScriptCSSJest

Box Shooter

A browser base game made using JavaScript, HTML and CSS. The game involves a player piece moving around a zone shooting bullets at enemies pieces that are constantly in motion. The aim of the game is for the player to destroy as many enemies as they can within a time limit. Creating this game was great for learning to work with classes and partical collision in JavaScript.

CSSHTMLJavaScript

One Stop Shop

A small multipage e-commerce project where I used React, Bootstrap, Typescript and the fakestoreAPI to create a site that allows users to add/remove items in a cart. Users are also able to filter items by their category. Currently working on integrating a payment system using Stripe.

ReactBootstrapTypescript

It's a Quiz

A responsive web application made using HTML, CSS and Javascript. Players are able to select from multiple quiz lengths and categories. The app will track the question number, current score and a player's high score, which are tracked independently so a user can accurately judge how they do in each category for each quiz length. The high scores are stored using local storage. The app sources quiz questions from an api.

CSSHTMLJavaScript

Results Summary Component

A responsive results summary card component made using HTML, CSS and JavaScript. This was a Frontend Mentor challenge that I have recently completed.

CSSHTMLJavaScript

NFT preview card

A responsive NFT preview card made using HTML, CSS and JavaScript. This was a Frontend Mentor challenge that I have recently completed.

CSSHTMLJavaScript

Portfol.io

I worked in a team of four for one week to produce an app to assist current boot-campers. We decided on a portfolio hosting website where users would be to view and upload portfolios at different experience levels, allowing people to always find something to help them and encourage them to keep going on their learning journey.

ReactCSSFontawesomeNode.jsExpress.jsHerokuJestSupertestPostman