Projects

Bird Avatar Card

Bird Avatar Generator

A fun bird generator loosely based on the bird designs of Kurzgesagt made with Vue 3, Nuxt 3, UnoCSS, and TypeScript. Testing done with Vitest.

Vue 3Nuxt 3UnoCSSTypeScript
Screenshot of the Todo React Application

Todo React

Solution to the Frontend Mentor Todo Challenge. A todo list made with Vite, React, usehooks-ts, react-sortablejs, and TypeScript. I made this to learn React. Saves todo items to local storage.

ViteReactTypeScript
Screenshot of the Todo Vue Application

Todo Vue

Solution to the Frontend Mentor Todo Challenge. A todo list made with Vite, Vue 3, VueUse, VueDraggable, and TypeScript. I made this as a comparison to the Todo-React project. They behave exactly the same. Saves todo items to local storage.

ViteVue 3TypeScript
Screenshot of the Advice Generator Application

Advice Generator App

Solution to the Frontend Mentor Advice Generator Application Challenge. A Simple one button application that makes a request to an external API. Made with Vite, React, and UnoCSS.

ViteReactUnoCSSTypeScript