I'm Jonathan Bischoff, a Full Stack Engineer.
I work in the world of digital advertising, and I love music.
Have you ever wondered what HTML sounds like?
Web Muncher
HTML Source:
googleHuge thank you to Yotam Mann for creating tone.js, the open-source audio package this synth relies on.
Projects
Shipped
-
Design website colorschemes by snapping a picture! 📸
launched
-
Navigate FreeWheel Adserver in a custom interface, enhanced for your workflow. Built in 5 days using the FreeWheel API.
launched
-
Monitor your computer's CPU, temperature, and RAM usage in real-time, built with Tauri, Svelte, and Rust.
launched
-
Upload music and listen to custom playlists, built in vanilla HTML and JS, using an AWS Bucket for storage, and Google Sheets for a database!
launched
-
A website for my girlfriend's Doula practice, built in vanilla HTML.
launched
-
Format advertising VAST links for your organization at the click of a button, using a custom ruleset
launched
-
A fun audiovisual sketch that animates music in the shape of a symmetric flower.
launched
In-Progress
-
A map showing the waterbodies, rivers, and watersheds of a particular quadrant in Western Washington. Built using Python with GeoPandas, from public WSDOT geodata packages, as part of an ongoing effort to protect Coho Salmon from toxic runoff chemicals.
last updated
Tools
Languages
-
Markup Language
Scaffolds the web
-
Language
Powers the web
-
Language
Moves JS runtime errors to compile-time errors
-
Language
Fast for prototyping, good for processing large data
-
Language
Gets closer to the machine; we studied C++ in my undergrad (Vanderbilt 2017-2021)
-
Language
Structures data
Frameworks & Libraries
-
Framework
Matches most team stacks
-
Full-Stack Framework
Powers React apps
-
Component Framework
Compiles to vanilla JS and uses clean syntax
-
Full-Stack Framework
Handles routing, like Next.js for Svelte
-
Library
Maps geospacial data
Platforms
-
Cloud Platform
Hosts large files and scales to more users
-
Backend Platform
Organizes and scales data
Workspace
-
Code Editor
Works quickly
-
Design Tool
Creates mockups visually before writing code
-
AI Assistant
Cuts through monotonous tasks
-
Browser
Respects privacy and RAM
-
Browser
Runs in-browser apps the fastest
Ethos
Pacing
I like building workflows that quiet the mind and open up creative possibilities.
The screen should never feel overwhelming.
New features should become available to the user as they venture deeper into a specific component.
This allows the user to take in information at their own pace, solidifying learning.
Modularity
Each component should function along the same design logic.
Learning one component in-depth should inform the user how they can expect future components to work.
This requires a standardizing of visual language, workflows, and keywords.
The result is an application that feels good to use, like MacOS, Ableton Live, and Google Workspace.
Use
The application should put the user in the driver's seat.
Internal state should be remembered and manipulated by the application in order to free up the user's mental load.
Friction should be minimal where possible, except for operations with big consequences like deleting a database or deploying information to the public. Here, friction is introduced to remind the user of the gravity of their actions.
The result is an application that allows the user to enter a flow state so they can move data at the pace of their mind.






















