Projects

As a DIGIT graduate, my work isn’t only “design” — it’s a mix of development, writing/research, interactive media, and visual communication. This page highlights projects that show growth from early HTML/CSS sites to more interactive work (React + Three.js) and a research-driven Tech Issue guide.

Tech Issue Guide
Interactive Web
Research + Writing
React
Three.js
DIGIT100
DIGIT110

The projects I want viewers to open first — they best represent my current skills in interactive web work, organization, and polish.

DIGIT400 Tech Issue HTML CSS JavaScript

Tech Issue: Sustainable Technology & AI

Live preview

Multi-page resource guide that blends research writing with web presentation. Built for clarity, navigation, and accessibility.

DIGIT400 React JavaScript

React Demo

Live preview

A React-based interactive demo showing component structure and a more modern front-end workflow.

DIGIT400 Three.js 3D JavaScript

Three.js Demo

Live preview

Interactive 3D experiment in the browser. Focus on scene setup, camera/view, and user experience.

Portfolio Information Design Iteration

Final Portfolio Site (This Website)

Live preview

A unified multi-page website built to present projects for a clear audience, with consistent style, readable layouts, and accessible structure.

Tip: if any embedded preview ever shows a blank area, it’s usually because that site blocks iframes. The buttons below each card will still open the project normally in a new tab.

DIGIT100

Early portfolio work (HTML/CSS + content organization). I’m keeping these projects to show growth - the content matters, and the site structure shows where I started.

DIGIT100 Portfolio HTML CSS

DIGIT100 Portfolio Home

Live preview

Landing page introducing the site sections (Gallery, Resume, Projects, writing/analysis pages).

DIGIT100 Professional Content

Resume Page

Live preview

A web-formatted resume page showcasing experience, education, skills, and involvement.

DIGIT100 Projects Collaboration

Projects Page

Live preview

A hub page featuring Scanniverse work and a link out to the DIGIT110 CBML semester project.

DIGIT100 Writing Reflection

GitHub Pages vs WordPress Reflection

Live preview

Reflection comparing GitHub Pages and WordPress (learning curve, control, customization).

DIGIT100 Text Analysis Voyant / AntConc

Text Compositions

Live preview

Lyric comparison project using tools like Voyant and AntConc to track patterns across decades and genres.

DIGIT110

Coursework that pushed deeper into structuring/organizing content through code and collaboration.

DIGIT110 CBML Collaboration

CBML Semester Project (Comic Book Analysis)

Live preview

A comic book analysis project linking text and artwork structure using code.

DIGIT100 Collaboration Web Project

True Crime Website

Live preview

A collaborative web project exploring true crime content through a structured multi-page layout and presentation.

Growth Process Reflection

Skill Growth: From Static Pages to Interactive Systems

Compare

DIGIT100 focused on structure and content. Later projects prioritize interactivity, navigation systems, and deliberate audience design — while keeping accessibility and readability in mind.