Projects

A privacy-first mood tracker that turns daily emotional check-ins into a visual calendar of color.

• React Native
• Expo
• TypeScript
• Unistyles

• Learn More
• Read Case Study

A polished product-values flow focused on responsive layouts, visual hierarchy, and clean interaction states.

• Next.js
• TypeScript
• Tailwind CSS

• GitHub
• Live Site

A drag-and-drop kanban board for organizing job or task pipelines with a clean, focused interface.

• Next.js
• TypeScript
• Tailwind CSS

• GitHub
• Live Site

An image discovery app using the Unsplash API, built around search, browsing, and responsive image presentation.

• Next.js
• TypeScript
• Tailwind CSS
• Unsplash API

• GitHub
• Live Site

A frontend challenge focused on pricing UI, responsive layout, and clean component structure.

• React
• TypeScript
• Tailwind CSS

• GitHub
• Live Site

A small HTML and CSS component exercise focused on spacing, hierarchy, and visual polish.

• HTML
• CSS

• GitHub
• Live Site

A fashion-brand exploration inspired by culture, identity, storytelling, and ecommerce UI systems.

• Next.js
• TypeScript
• CSS Modules
• Better-SQLite3
• Zod

• GitHub
• Live Site

A customizable accessibility settings drawer for adjusting interface preferences directly in the UI.

• React
• TypeScript
• Tailwind CSS

• GitHub
• Live Site

My current portfolio, built to showcase frontend projects, motion, visual polish, and creative engineering work.

• React
• TypeScript
• Styled Components
• Framer Motion

• GitHub
• Live Site

An interactive product-selection quiz built to help users find the right YubiKey through guided questions.

• React
• Tailwind CSS
• TypeScript

• Live Site
• Read Case Study

A simple weather app that shows local or searched forecasts using the OpenWeather API.

• React
• Styled Components
• Storybook
• Axios

• GitHub
• Live Site

A full-stack ecommerce project with product browsing, cart flows, authentication, and backend data handling.

• React
• Sass
• Node
• Postgres
• Express
• Firebase

• GitHub
• Live Site

An earlier portfolio iteration focused on project presentation and frontend fundamentals.

• React
• MUI

• GitHub
• Live Site

A responsive landing page recreation focused on layout, spacing, and early React/Sass practice.

• React
• Sass

• GitHub
• Live Site

A responsive brand-page recreation focused on visual layout and frontend implementation practice.

• React
• Sass

• GitHub
• Live Site