Niels Nielsen

GitHub Logo LinkedIn Logo

UI Engineer

Data Visualizer

Tech Lead

I am a software engineer with experience building data intensive dashboards that simplify comprehension by using graphics and animations that can be understood at a glance.

I collaborate with designers and product owners to quickly prototype and demo new features. I have extensive real-world experience taking ideas from prototype to production. Once deployed, I set up integration tests and real-time health monitoring to ensure the feature operates correctly at all times.

To scale up the UI team, I evaluate candidates, make hiring decisions, and set up onboarding processes to ensure new team members are productive and ready to contribute from day one. I am always available to assist fellow engineers who need direction or help working through a problem.

Portfolio


1. ProtectWise

2. Websocket Text Relay

Websocket Text Relay screenshot

I built this tool because I needed a way to develop complex SVG visualizations and the existing feedback loop delay between making code changes and seeing them show up in the browser was taking too long. Even a 5 second delay to build the app and refresh the page is disruptive when I need to make several changes per second in order to fine tune things like colors, size, spacing, etc. For years this project existed as a quickly hacked together vim plugin that was only set up to work on my machine.

I wanted to create a portfolio project that demonstrated how I was able to build the ProtectWise UI, so I turned this side project into a tool that any web developer can understand, install, and use in their own text editor. I first converted the app to use the language server protocol (LSP) to be able to communicate with any LSP compatible text editor. Using the tool itself, I created a status UI (pictured above) that allows users to view the current status of the running servers and connected front end clients. Finally, I published the language server along with the text editor plugins and a few examples of how to use them on github.

3. Code Samples

Real-time Video Processing

This was a quick tech demo that I put together to learn how to work with video and images as data in a webGPU shader. It uses the webcam as a video source to show that the processing is done in real time. The processing is done entirely on the client side, so no data is ever transmitted to a server. Normally I wouldn't use a framework for a project with this small of a scope, but I used Next.js for this example because I wanted to have some code samples that show my knowledge of Next.js, Typescript, and React. This demo is entirely unstyled because the focus was on demoing how to work with images and video and I didn't want to be slowed down or side tracked by having to make design decisions.

Advent of Code

I use advent of code as a fun way to practice my algorithm skills and learn new languages. Here are my solutions to the 2023 advent of code challenge in Javascript, Typescript, C++, and Swift.

Work History / LinkedIn / Contact


To contact me directly, email me at niels.nielsen@gmail.com

Located in

Denver, Colorado