Project Showcase
Past Projects
  • Live Demo GitHub

    Brickle

    A game inspired by Bricklehampton and Wordle

    ReactJavaScriptTailwind CSSAlgorithms
  • Live Demo GitHub

    TaskMaster App

    Task Master allows physiotherapists to seamlessly assign tasks to their clients, track progress, and enhance communication; promoting client engagement and monitoring exercises effectively.

    ReactTypeScriptTailwind CSSAuth0/JWTChart.jsQR Code scanner
  • Live Demo GitHub

    The Seeker

    Scrape Seek for jobs, allowing users to quickly view a list of search terms and compare the number of jobs currently listed.

    DenoFreshPreactTypeScriptAPIFetchDOMParser
  • Live Demo GitHub

    Vineyard Manager

    An app I'm building for a former boss who relies heavily on pen, paper and a calculator to record employee work progress in the paddock, this should speed up data entry and payroll.

    NodeReactReact-Router
  • Live Demo GitHub

    Angular To-Do List

    Multi-user todo app with real-time updates using WebSockets. Mostly built to practice another stack: Angular v17 for the frontend, Remult/Express for the API, PostgreSQL database, and deployment to Railway.app

    AngularRemultWebSocketsPostgreSQLNode.jsTypeScriptRailway
  • Live Demo

    Portfolio

    I had a portfolio but wanted a better way to deploy it and came across Deno Deploy, so I ended up learning how to use Deno instead of Node.js, and they also recommended Fresh as the front end which uses page routing and islands architecture so it was interesting to learn some new techniques.

    DenoFreshPreactTwindCSSTypeScript
  • Live Demo GitHub

    Tech Interview Challenges

    Started by testing out the latest versions of Deno and Fresh, and ended up hosting a couple of technical interview challenges I had been set, and making them interactive demo's of the subjects.

    DenoFreshPreactTypeScriptTailwind CSSAlgorithms
  • Live Demo GitHub

    Full-stack React To-Do List

    Built to demonstrate handling CRUD operations with the Tanstack React Query 'useQuery' and 'useMutation' hooks, and also deployment to a remote host with Docker/Dokku.

    TypeScriptReact-RouterReact-QuerySQLiteDokku
  • Live Demo GitHub

    Full-stack Django To-Do List

    I built this while following a course on Test Driven Development using Python and Django, mostly to focus on how to write clean code with good unit tests and also end to end testing with Selenium.

    PythonDjangoSQLTDD
One day group projects
  • GitHub

    PatchBoard Todo Lists

    This was our first react app, so we wanted it to look good but also have some interesting functionality, so the backgrounds and colour schemes can be swapped. We wanted to have each of the widgets be inter-changeable, such as switching between a todo list and a slideshow, and in the future make other widgets too.

    ReactREST APICSS
  • GitHub

    Hangman game

    We created an API to provide a random word, which our hangman front end would consume, we also wanted to be able to choose different word categories such as 'animals', 'countries', etc.

    ReactExternal APISQLite
  • GitHub

    Waitlist Mobile App

    This was our first app using a SQLite DB and also our first attempt at mobile first CSS, our app had basic functionality of allowing people to check in to a venue and displaying the estimated queue time remaining.

    ExpressHandlebars.jsknex.jsSQLiteCSS