PORTFOLIO

Tether Traverse Game Preview

Tether Traverse

A mountaineering adventure built with JavaScript, Three.js, and a sprinkle of stubborn determination. Tether Traverse reimagines the climb from Paradise to the summit of Mount Rainier as a two-player co-op game complete with rope physics, dynamic HUD overlays, gear pickups, and parallax terrain. Every snowy ledge and milestone is handcrafted using a modular system of platforms, levels, collision detection, and breakpoint logic. As you ascend, the screen fades from day to night, headlamps click on, and sunrise begins to warm the icy pixels. The climbers, rendered as charming textured sprites, must stay tethered, with a lovingly hand-coded rope that jostles and jiggles with every leap. Inspired by my own climb of Mount Rainier in June 2025, this project became both a technical challenge and a personal homage complete with gear HUD management, athmospheric transitions, and snowflake confetti on the summit. It's a love letter to modular game design, physics, and playful storytelling all coded from scratch.

  • JavaScript
  • Three.js
  • HTML5
  • CSS3
Boulder Art Association Website Preview

Boulder Art Association

A full-site refresh for the Boulder Art Association, a volunteer-powered nonprofit supporting artists and art lovers across Boulder County. I led the UX, information architecture, and front-end layer on top of WordPress and Elementor, replacing a patchwork of legacy pages with a coherent system: a custom global header and navigation, a new Exhibitions & Events hub, Join & Support flows, and resource directories for art organizations, supply stores, and local galleries and museums. Under the hood, I used custom HTML, CSS, and JavaScript to create gentle interactions that feel playful but stay accessible: alternating layouts that collapse cleanly on mobile, keyboard-friendly menus, focus states, and type and color choices that respect contrast guidelines. The result is a warm, legible, and trustworthy site that reflects how creative – and welcoming – the BAA community is.

  • WordPress + Elementor
  • Custom JavaScript
  • Custom HTML5
  • Custom CSS3
  • Responsive
  • Jotform Membership
  • PayPal Integration
  • SEO
  • Information Architecture
Hana Schuster Smith Website Preview

Hana Schuster Smith

Freelance redesign and build of fine art website for Hana Schuster Smith. I led a complete rebrand using custom JavaScript, HTML, and CSS code injections to power a fast 4-up gallery and custom coded lightbox with full-image viewer, captions, arrow navigation. I linked available works to product pages and streamlined cart/checkout, then rounded out with typography and webfont integration, image optimization, accessibility improvements, search-friendly structure and metadata, domain and DNS cleanup, and social/email capture integrations.

  • Squarespace 7.1
  • Custom JavaScript
  • Custom HTML5
  • Custom CSS3
  • Lightbox
  • E-Commerce
  • SEO
  • Accessibility
  • Webfonts
Atlas Quest Preview

Atlas Quest

Atlas Quest is a 2D platformer developed in Godot Engine in 6-week during an internship at Endless Studios. As the lead programmer, I collaborated with a indie style team to bring to life a vibrant adventure built around puzzle-solving, exploration, and narrative progression. The game features layered parallax backgrounds, animated sprites, collectibles, and a growing companion mechanic. All levels and mechanics were implemented using modular scenes and scripts, with a focus on reusability and performance. The game was published on Itch.io and released for both Mac and Windows.

  • Godot Engine
  • GDScript
  • Itch.io
  • GitHub
  • Windows
  • MacOS
Flagship Game Preview

Flagship

Flagship is a fast-paced web game that turns global geography into a 90-second challenge to match flags with countries. It's a playful way to explore the world, learn quickly, and enjoy the symbols that shape national identity. Inspired by my love for vexilology, the game celebrates global diversity while offering real-time feedback, smooth performance, a "Learn" mode powered by the Wikipedia API and a share mode powered by Web Share API. Built with Python, Flask, HTML, CSS, and JavaScript, and deployed on Heroku, Flagship invites curiosity through colorful banners and sharp, accessible design.

  • Python
  • Flask
  • JavaScript
  • HTML5
  • CSS3
  • Wikipedia API
  • Web Share API
  • Heroku
Antipode Preview

Antipode

Antipode is a web-based application that lets users pinpoint the exact location on Earth directly opposite any given spot, like imagining a tunnel dug straight through the planet's core. Built to spark curiosity and encourage geographical exploration, it uses OpenStreetMap API for geographic data and the CesiumJS API for rendering an interactive 3D globe. The application calculates antipodal points through precise latitude-longitude inversion. Developed with Python, Flask, HTML, CSS, JavaScript and GeoPy for geocoding.

  • Python
  • Flask
  • GeoPy
  • Jinja2
  • JavaScript
  • JQuery
  • CesiumJS API
  • HTML5
  • CSS3
  • OpenStreetMap API
Stochasticity Preview

Stochasticity

Stochasticity is a playful exploration of randomness and biology, where each page load reveals a new image and message. The application uses AJAX to fetch images and messages for a consistent user experience without page reloads. The design is clean and modern, with a focus on accessibility and responsiveness across devices. This project demonstrates the ability to manage asynchronous requests, implement randomization logic, and deliver engaging educational content.

  • Python
  • Flask
  • JavaScript
  • AJAX
  • HTML5
  • CSS3
Parental Inclusion Network Website Preview

Parental Inclusion Network

Built during the 48in48 Global Event October 2025 build awarded Third Place this nonprofit webiste delivers clear, parent-first experince. I led UX, build, and front-end polish to ship a comprehensive Programs hub explaining what autism is, researched materail,and curated links to services and government assistance; a donation flow with suggested gift levels mapped to real program costs, plus custom amounts; an impact and participation section with live-feeling stats and clear CTAs to donate, volunteer, and get involved; and lightweight motion graphics that communicte PIN's mission, vision, and vlues while staying true to the brand and accessible. The result is a warm, trustworthy space that helps caregivers find support quicky and powers the organization's growth.

  • WordPress
  • BeaverBuilder
  • Gravity Forms
  • Online Forum
  • JavaScript
  • HTML5
  • CSS3
Staci Website Preview

Staci's Promise Foundation

A nonprofit website redesign crafted with care using WordPress and custom CSS. This project focused on modernizing the user experience, improving accessibility, and presenting the foundation’s mission with clarity and warmth. The site features a streamlined layout, clean information architecture, and responsive design tailored to mobile and desktop users alike. As lead WordPress developer during the 48in48 Social Justice Build, I integrated donation workflows, designed a palette consistent with their community ethos, and collaborated closely with team members to bring the organization’s voice online in a welcoming and approachable way.

  • WordPress
  • BeaverBuilder
  • Gravity Forms
  • HTML5
  • CSS3
Zen~Soul Travel Website Preview

Zen~Soul Travels

Built during the 48in48 Women Build event in the early 2025, Zen~Soul Travels' website was designed to capture the spirit of the bold journeys and mindful escapes. As the sole web designer and developer, I created a calming yet adventurous digital experience using WordPress, Beaver Builder and custom CSS. The website balances vibrant visuals with accessible design, earning the Silver Award for its inviting user flow and modern presentation.

  • WordPress
  • BeaverBuilder
  • Gravity Forms
  • HTML5
  • CSS3