My Projects

These projects show my current range across responsive layouts, browser APIs, lightweight JavaScript applications, and third-party library integration. Each one includes source code and a live demo so reviewers can inspect both the implementation and the user experience.

Web Audio API Example

An interactive browser audio project exploring real-time sound generation and manipulation with the Web Audio API.

What to review: event-driven controls, audio context setup, JavaScript state handling, and how the interface explains technical audio behavior to a user.

My role: Built the interface, connected user controls to browser audio behavior, and tested the demo as a small interactive learning tool.

Tech Stack: HTML, CSS, JavaScript, Web Audio API

Live Demo Code

Web Audio API demo preview

Mithril.js Productivity App

A lightweight productivity app built with Mithril.js to practice component-based UI structure, client-side state updates, and task workflow design.

What to review: application organization, task interaction flow, Bootstrap integration, and how the UI supports repeated daily use.

My role: Structured the UI, wired task interactions, and used Mithril.js to practice a small component-based application flow.

Tech Stack: HTML, CSS, JavaScript, Mithril.js, Bootstrap

Live Demo Code

Animated preview of the Mithril.js productivity app task workflow

Intro.js Sample Site

A demonstration site using Intro.js to create a guided onboarding experience for users moving through an interface for the first time.

What to review: library integration, tour sequencing, user guidance copy, and how onboarding can reduce friction in a web app.

My role: Integrated the library, planned the walkthrough sequence, and wrote interface guidance for first-time users.

Tech Stack: HTML, CSS, JavaScript, Intro.js

Live Demo Code

Animated preview of the Intro.js sample site guided walkthrough

Responsive Music Portfolio

A vanilla HTML, CSS, and JavaScript portfolio created to practice layout, navigation, visual presentation, and deployment without relying on a framework.

What to review: responsive page structure, simple interactive elements, GitHub Pages deployment, and clean separation of content and styling.

My role: Built and deployed the full static site, including page structure, styling, navigation, and visual presentation.

Tech Stack: HTML, CSS, JavaScript

Live Demo Code

Responsive music portfolio preview