Vue Dynamic Tabs
A showcase demo of a drag and drop, re-orderable tab system, built with Vue 3 and Typescript.
The aim is to allow the user create and remove tabs based on data from a search (in this case dictionary definitions from dictionaryapi.dev).
For optimal accessibility, I’ve followed the ARIA APG Tabs pattern, allowing clear and consistent navigation of the UI using keyboard interaction
AI Artbox
A just for fun project providing a simple and playful interface for the user to transform an image using generative AI to resemble a work by a selected artist.
Built with React, Next.js Typescript, the ‘artbox’ sends the user’s chosen image to Stability API’s ‘image to image’ endpoint alongside a pre-configured set of prompts relating to the selected artist, which returns a generated image