palace-guard

• React
• ChatGPT
• AI
• Firebase Functions

Palace Guard is a chatbot AI game where the player must convince a guard to let them into the palace to deliver a letter to the king.

The ChatGPT API was used to generate responses to user messages. It is built with React and Firebase Functions.

Images were primarily AI generated and dithered to give a 1bit aesthetic similar to old Macintosh games.

nxcro-hydrogen-store

• React
• Hydrogen
• Shopify
• Design

Nxcro is a Shopify store for a gothic fashion brand designed and built by myself. It is built with React and uses the Hydrogen API to fetch products from Shopify.

All sections of the site are fully responsive and the site is built with a mobile-first approach.

project-management-platform

• React
• Node.js
• Express
• PostgreSQL

Project Management Platform is a project management tool that allows users to create projects, add tasks, and assign tasks to users. It is built with React, Node.js, Express, and PostgreSQL.

It includes a string interpreter that allows users to batch create tasks by typing a template string similar to a regular expression. The full list of commands can be found in the GitHub repo.

train-tracks

• React
• Algorithms
• BFS

Train Tracks is a puzzle game where the player must connect train tracks to get the train from one side of the map to another. It is built with React and uses a BFS algorithm to find the shortest path.

No libraries were used for the pathfinding algorithm or the game logic. Likewise all visual effects and custom elements (buttons, etc.) were created from scratch.

portfolio-site

• SvelteKit
• Tailwind
• TypeScript
• Design

This portfolio site was designed and developed by myself and was built with SvelteKit & Tailwind.

Many thanks to CSSTricks for their tutorial on gradients & spheres: https://css-tricks.com/grainy-gradients