• Crystal Index

    Crystal Index

    TypeScript, Next.js, Prisma, SQL, GPT4, React 3 Fiber

    A full-stack Next.js app, which is an index to record crystals, employing a Prisma as an ORM. Crystal information is created with GPT4. Location data is looked up and added using the OpenCage API. Location data is visualised with a 3D globe created with React 3 Fiber.

  • Communication Infographic

    Communication Infographic

    React, Javascript

    A front-end React application, which is infographic on the history of communication, which is a reworking of my BA Dissertation on the Advancements of Communication after 1440.

  • Lunary

    Lunary

    Next.js, Typescript, Astronomy Engine

    A front-end React application, which is a lunar calendar, which uses the astronomy engine package to calculate the moon phases & planetary positions.

  • Day Lite

    Day Lite

    React, Javascript, Mapbox

    A front-end React application, which is infographic of day light hours on an interactive 3D globe, created with Mapbox and Javascript.

  • Artistry

    Artistry

    React, Python, SQL

    A full-stack React application, where users can search the Rijksmuseum API. The application includes an SQL database, data schema and its own RESTful API supporting additional features, built with Python

  • Scape²

    Scape²

    Next, Vercel E-commerce, Shopify

    A full-stack Next application which utilises Vercel E-commerce and Shopify to create a custom e-commerce store.

  • Space Invaders

    Space Invaders

    Javascript

    A faithful recreation of the original arcade game Space Invaders, built with Javascript. The game features include: keyboard controls, numbered lives, sounds and progressively difficult levels.

  • Volcano Visualisation

    Volcano Visualisation

    D3.js, Javascript, React 3 Fiber

    A front-end app, using D3.js to visualise volcanic eruptions on an interactive 3D globe

  • P5 Interactive Graphics

    P5 Interactive Graphics

    P5.js, Javascript

    A front-end application, which renders a dynamic interactive graphic visualisation which reacts to the users cursor movement and position, created with P5.js and Javascript.

  • Matter.js

    Matter.js

    Matter.js, Javascript

    An front-end interactive physics based animation created with Matter.js, with objects which may be thrown around the canvas.

  • Three.js 3D Model

    Three.js 3D Model

    Three.js, Javascript

    A front-end app, which renders a 3D model of a butterfly within a 360 degree panoramic scene, with moving geometric particles, created with Three.js and Javascript.

  • NASA API

    NASA API

    React, Javascript, NASA API

    A front-end app, which utilises the NASA API to render Mars Rover Photos and random previous "Photo of the Day".

  • On Set

    On Set

    React, JavaScript, MongoDB

    A full-stack React application which indexes film set locations. The application includes a NoSQL database (MongoDB) and a RESTful API framework. The app also utilises OpenCage to retrieve location co-ordinates.