# Nicole Belovoskey — Software engineer > Software developer with experience across big tech at Microsoft and DoorDash, as well as several early-stage startups. Bachelor's degree in Computer Science from Texas A&M University. ## Contact - Email: nicolebelovoskey@gmail.com - LinkedIn: https://linkedin.com/in/nicolebelovoskey - GitHub: https://github.com/nick5616 - Software portfolio: https://software.nicolebelovoskey.com/portfolio/software ## Projects (29) ### [Nicole's World](https://software.nicolebelovoskey.com/portfolio/software/portfolio) A first-person 3D world on the web. You can walk, sprint, and jump around, collect gems, browse my art in a fancy digital museum, walk right up to my software projects, draw a picture and submit it (it might end up hanging on the wall), get roasted by the omnipotent computer from Courage the Cowardly Dog, chill in a quiet forest, or practice multiplication in a 3D take on Meteor Multiplication. Why: I wanted this website to feel like a place you could inhabit rather than a page you scroll. Making a world you can actually walk around in meant working through graphics programming, spatial UX, and keeping it all running smoothly in a browser. It was fun. Also I wanted it to exist. Isn't that reason enough? - Date: Jan 2025 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL - Tags: 3D Design, Interactive Design, Open Source - Live: https://nicolebelovoskey.com - Source: https://github.com/nick5616/3d-portfolio-website ### [Art Room](https://software.nicolebelovoskey.com/portfolio/software/art-room) A gallery room inside the holodeck where my paintings hang on the walls. Walk up close to look at the brushwork or step back to see the whole piece. Why: Art looks different on a wall than in a grid of thumbnails. Being able to approach a piece and step away from it changes how you experience it, and I wanted that in the browser. The art is served from a small Go API backed by Cloud Storage. - Date: Feb 2026 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL, Go, Google Cloud Storage, Docker - Tags: 3D Design, Interactive Design, Open Source - Live: https://nicolebelovoskey.com/holodeck/art - Source: https://github.com/nick5616/3d-portfolio-website - Backend source: https://github.com/nick5616/holodeck-art-api ### [Art Museum](https://software.nicolebelovoskey.com/portfolio/software/art-museum) A multi-room virtual museum inside the holodeck that holds my art collection. Wander through it at your own pace. Why: Going from one room to a whole museum meant thinking like an architect: how people find their way around, how pacing works from room to room, and what story the layout tells. All inside a browser tab. - Date: Jan 2025 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL - Tags: 3D Design, Interactive Design, Open Source - Live: https://nicolebelovoskey.com/art-gallery - Source: https://github.com/nick5616/3d-portfolio-website ### [Software Showroom](https://software.nicolebelovoskey.com/portfolio/software/software-showroom) Walk up to screens in a 3D room and use my projects right there on them. Press escape to get your cursor back. Why: It seemed like a really sci-fi way to showcase my projects. - Date: Jan 2025 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL - Tags: 3D Design, Interactive Design, Open Source - Live: https://nicolebelovoskey.com/software - Source: https://github.com/nick5616/3d-portfolio-website ### [Courage Computer Room](https://software.nicolebelovoskey.com/portfolio/software/courage-computer) A retro computer lab inside the holodeck, starring the smug, all-knowing computer from Courage the Cowardly Dog. Why: I wanted to capture the feeling of an old computer room as a space you can stand in. It's environmental storytelling with a lot of nostalgia, and a computer that's mean to you. - Date: Nov 2025 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL - Tags: 3D Design, Interactive Design, Open Source - Live: https://nicolebelovoskey.com/holodeck/courage-the-cowardly-dog - Source: https://github.com/nick5616/3d-portfolio-website ### [Math Room](https://software.nicolebelovoskey.com/portfolio/software/math-room) A 3D room inside the holodeck where equations, shapes, and math concepts are objects you can walk around and explore. Why: Math is spatial. I wanted to see what it looks like when a math idea is an environment instead of notation on a page. - Date: Jan 2025 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL - Tags: 3D Design, Interactive Design, Open Source - Live: https://nicolebelovoskey.com/holodeck/math - Source: https://github.com/nick5616/3d-portfolio-website ### [Plasma Sphere](https://software.nicolebelovoskey.com/portfolio/software/plasma-sphere) Like that one toy. Hold click and drag on the ball to attract the electricity! Desktop and mobile. Why: I absolutely adore electricity and wanted to create a 3D environment that allows you to play with it. I've been fascinated with physical phenomena like electricity and magnetism, and how the basis of computers is manipulating an electron using a difference in electromagnetic force to make a transistor, which can be used to make logic gates, which can be used to make circuits, which can be used to make arithmetic logic units. With the inclusion of a clock and memory, you can create an entire computer architecture. On the newly formed computer, you can run programs directly on the hardware (baremetal) using binary instructions written for that computer architecture, or you could write a hardware abstraction layer that transpiles a common higher level language like assembly into the language the computer speaks. You can also write a language that's more readable to coders, that compiles into assembly, which is then translated into instructions for your computer! Using that higher level language, developers can move quickly and develop operating systems for a computer. Operating systems make it easier to write programs for the computer, because they handle the allocation of computer resources (they talk to the computer so your program doesn't have to worry about that). They also provide the illusion of isolation, meaning a software program written for an OS does not know other programs exist, and doesn't need to worry about playing nice with the hundreds of other applications running on the computer. The browser is a program on the OS. And this website is written for the browser! And it's all powered by 100 billion electrons jumping from one side of a microscopic germanium-doped silicon trough to the other. - Date: Apr 2026 - Tech: JavaScript, Three.js, WebGL - Tags: 3D Design, Interactive Design, Touch Interactions, Physics, Open Source - Live: https://sphere.saucedog.art - Source: https://github.com/nick5616/plasma-sphere ### [Sphere Website](https://software.nicolebelovoskey.com/portfolio/software/sphere-website) A vanilla Three.js site built around a spinning 3D sphere. The hello world of 3D on the web. Why: I wanted to get my hands dirty with Three.js and WebGL for the first time. A sphere is the hello world of 3D. - Date: Nov 2023 - Tech: JavaScript, Three.js, WebGL - Tags: 3D Design, Interactive Design, Open Source - Live: https://tiny-sorbet-aefcf4.netlify.app/ - Source: https://github.com/nick5616/sphere-website ### [tierlistify](https://software.nicolebelovoskey.com/portfolio/software/tierlistify) Rank anything, made for your phone. Drag items into tiers with your thumb and share the result. Why: I thought the Tiermaker mobile site could use some improvement. Dragging things between tiers on a phone was frustrating, so I built one where touch is the main way you use it, not an afterthought, with a clean UI that stays out of the way of the ranking. - Date: Sep 2025 - Tech: TypeScript, React - Tags: Mobile UX, Touch Interactions, Drag & Drop, Progressive Web App, Open Source - Live: https://tierlistify.com - Source: https://github.com/nick5616/tierlistify ### [Friendex](https://software.nicolebelovoskey.com/portfolio/software/friendex) A pokédex for your friends. A zany, mobile-first app for collecting and organizing what you know about the people in your life. Why: I wanted a fun way to remember the details about my friends that felt like a game, not a contacts app. The pokédex idea makes filling it in feel like collecting, and I designed it phone-first because that's what you have on you when you're out with people. - Date: Oct 2025 - Tech: TypeScript, React, Firebase Auth - Tags: Mobile-First, Social App, Web Development, Responsive UI, Open Source - Live: https://friendex.online - Source: https://github.com/nick5616/friendex ### [RPG Quests](https://software.nicolebelovoskey.com/portfolio/software/videogamequest) Write a journal entry and get it back as video game quests, so you can live your life like an RPG. Why: I wanted journaling and getting things done to feel more like playing a game. Turning what you write into quests gives you something to chase, and finishing one feels like leveling up instead of crossing off a chore. - Date: Jun 2025 - Tech: TypeScript, React, Tailwind CSS, Framer Motion, Nest.js, Node.js, LLM APIs - Tags: AI Integration, Productivity Tools, Gamification, Journaling - Live: https://rpg-quests.netlify.app/ ### [Passionfruit](https://software.nicolebelovoskey.com/portfolio/software/passionfruit) Keep track of every project you're working on in one place, without it feeling like a work tracker. Why: I have a lot of hobbies that I bounce between. I was getting overwhelmed by how many projects I had going, so I built Passionfruit to keep track of them in a way that wouldn't stifle my creativity. - Date: Nov 2025 - Tech: TypeScript, React - Tags: Project Management, Productivity Tools, Open Source - Live: https://yieldpassionfruit.netlify.app - Source: https://github.com/nick5616/universe ### [Life Network](https://software.nicolebelovoskey.com/portfolio/software/life-graph) Your life's goals as a 3D network: what depends on what, what to prioritize, and how it all connects. Why: I wanted to see how my goals relate to each other and what has to happen first. It's generic so you can map your own. It's meant to include basic foundational behaviors like sleeping and eating well, since that's how you're at your best. - Date: Mar 2026 - Tech: TypeScript, React, Three.js, WebGL - Tags: AI Integration, 3D Design, Interactive Design, Data Visualization, Open Source - Live: https://yieldpassionfruit.netlify.app/life-graph - Source: https://github.com/nick5616/universe/blob/main/src/pages/LifeGraphPage.tsx ### [The Circle](https://software.nicolebelovoskey.com/portfolio/software/the-circle) One persistent global room where up to 8 people can be on camera and mic at once over a WebRTC mesh. Everyone else watches as the audience. No accounts, no room codes, no database. Why: I wanted something that felt truly live. Not a chat box, but actual video with strangers. Wiring up WebRTC peer connections, Django Channels signaling, and Redis room state from scratch was the challenge. (Visit it directly. It won't work inside an iframe.) - Date: Apr 2026 - Tech: React, TypeScript, Django, WebSockets, WebRTC, Redis, Docker - Tags: Real-time, Web Development, Open Source - Live: https://live.saucedog.art/ - Source: https://github.com/nick5616/the-circle ### [Nickel Tools](https://software.nicolebelovoskey.com/portfolio/software/nickel-tools) A desktop OS in your browser: app grid, app tray, draggable windows, and a swipeable mobile mode. Every little web thing I make lives here. Why: I wanted a website that was "a website of websites" so I could/can give any little web thing I build a home 💖 I also wanted somewhere to put my art. A desktop OS seemed like the perfect container since pretty much everyone already knows how to get around one. - Date: Nov 2025 - Tech: TypeScript, React, Next.js - Tags: Interactive Design, Responsive UI, Touch Interactions, Open Source - Live: https://nickeltools.dev/desktop - Source: https://github.com/nick5616/nickel-tools ### [Routine](https://software.nicolebelovoskey.com/portfolio/software/routine) A daily routine page that generates analogous color schemes on the fly, every one of them WCAG AAA compliant. Why: I wanted to play with algorithmic color theory while making something I'd actually use. Getting palettes to stay harmonious and still pass the strictest contrast level was the fun constraint. - Date: Mar 2020 - Tech: JavaScript - Tags: Design System, Accessibility, Color Theory Algorithms, Open Source - Live: https://nick5616.github.io/routine/ - Source: https://github.com/nick5616/routine ### [Smart Piano](https://software.nicolebelovoskey.com/portfolio/software/smart-piano) An online piano that looks at the key you're in and what you just played, then suggests good next notes. Why: I wanted a way to learn music theory by playing instead of memorizing scales. The suggestions help you make something that sounds nice even if you're not an expert yet. - Date: Nov 2025 - Tech: TypeScript, React, Web Audio API, Next.js - Tags: Music Theory Algorithms, Interactive Design, Open Source - Live: https://software.nicolebelovoskey.com/smart-piano - Source: https://github.com/nick5616/nickel-tools ### [Smart MIDI Recorder](https://software.nicolebelovoskey.com/portfolio/software/smart-midi-recorder) Records what you play on a MIDI keyboard and shows the key, the scale, and good next notes in real time to help you improvise. Why: I play piano and wanted help improvising with more confidence. It surfaces the "right" notes for the key I'm in while still capturing everything I play. - Date: Apr 2026 - Tech: JavaScript, Web Audio API, HTML, CSS - Tags: Music Theory Algorithms, Interactive Design, Real-time, MIDI, Open Source - Live: https://music.nickeltools.dev/smart-midi-recorder/ - Source: https://github.com/nick5616/song-visualizer ### [Pitch Hero](https://software.nicolebelovoskey.com/portfolio/software/pitch-hero) Sing or play a MIDI keyboard to hit scrolling notes as they cross the target line. Scores your pitch accuracy in real time from your mic or keyboard. Why: I wanted pitch training to feel like a rhythm game instead of an exercise. I built the pitch detection and the scrolling note renderer from scratch on the Web Audio API. - Date: Apr 2026 - Tech: JavaScript, Web Audio API, Canvas API, HTML, CSS - Tags: Music Theory Algorithms, Interactive Design, Real-time, MIDI, Pitch Detection, Gamification, Open Source - Live: https://music.nickeltools.dev/pitch-hero/ - Source: https://github.com/nick5616/song-visualizer ### [Song Visualizer](https://software.nicolebelovoskey.com/portfolio/software/song-visualizer) Turns music into animated particles, waveforms, geometry, and spectrum effects. Upload an MP3 or use your mic, then tweak the color, speed, and intensity. Why: I wanted to see my music, not just hear it. Hooking the Web Audio API up to a canvas and watching a track turn into motion in real time never gets old. - Date: Apr 2026 - Tech: JavaScript, Web Audio API, Canvas API, HTML, CSS - Tags: Audio Processing, Interactive Design, Real-time, Animation, Open Source - Live: https://music.nickeltools.dev/song-visualizer/ - Source: https://github.com/nick5616/song-visualizer ### [VoiceLab](https://software.nicolebelovoskey.com/portfolio/software/voice-lab) A Python desktop app for singers that tracks vocal performance across takes. Measures pitch, resonance, weight, brightness, and consistency. Why: I wanted objective feedback on my singing practice instead of relying only on my ear. Tracking the numbers across takes makes it easy to see what's actually improving. - Date: Dec 2025 - Tech: Python - Tags: Machine Learning, Audio Processing, Pitch Detection, Open Source - Live: https://github.com/nick5616/VoiceLab - Source: https://github.com/nick5616/VoiceLab ### [CHAOS](https://software.nicolebelovoskey.com/portfolio/software/chaos) Counter-Strike Highlight Analysis and Organization System. Point it at hours of gameplay footage and it finds the moments worth keeping (kills, funny voice chat, good conversations) and clips them for you. Runs entirely on your own machine. Why: I have 700+ GB of my own Counter-Strike footage from 10+ years of playing and making videos, and scrubbing through it by hand was never going to happen. The rewrite made it a lot faster and more accurate. Classical computer vision does most of the work and OCR only runs on small crops. It samples every couple of seconds, then binary searches for the exact frame of a kill, which was the big speed win. An audio tagger catches laughter in voice chat, Whisper adds burned-in subtitles, and a resource planner sizes the workers from each model's measured memory so it doesn't eat my whole computer. It can resume where it left off, recompute only what changed, and throttle itself while I'm gaming. No LLMs, no cloud calls. - Date: Oct 2026 - Tech: Python, PyQt6, OpenCV, PyTorch, Whisper, FFmpeg - Tags: Machine Learning, Computer Vision, OCR, Speech-to-Text, Audio Processing, Video Processing, Batch Processing, Open Source - Live: https://github.com/nick5616/CHAOS - Source: https://github.com/nick5616/CHAOS ### [Batch Analyzer](https://software.nicolebelovoskey.com/portfolio/software/batch-analyzer) Ask the same questions (like 'How many books are in this image?') about a whole batch of product images at once. Bring your own LLM. Why: While doing product image analysis work, I kept asking the same questions about image after image. This lets you write the questions once and run them across an entire batch, with whichever model you want. - Date: Dec 2025 - Tech: TypeScript, React, LLM APIs - Tags: Image Processing, Batch Processing, AI Integration, Open Source - Live: https://batch-analyzer.netlify.app/ - Source: https://github.com/nick5616/batch-item-analyzer ### [Star Wars Ship Costs Visualizer](https://software.nicolebelovoskey.com/portfolio/software/sw-viz) An interactive chart of what Star Wars starships cost, from X-wings to Star Destroyers, using the SWAPI dataset. Why: A fun excuse to mix Star Wars with data viz. I pulled the ship data from the Star Wars API, cleaned it up on a Nest backend, and charted it so you can compare ships side by side. - Date: Nov 2023 - Tech: React, TypeScript, Nivo, Nest.js, Node.js - Tags: Data Visualization, Web Development, Open Source - Live: https://star-wars-spending-viz.netlify.app - Source: https://github.com/nick5616/sw-viz-fe - Backend source: https://github.com/nick5616/sw-viz-be ### [SRE Dashboard](https://software.nicolebelovoskey.com/portfolio/software/sre-dashboard) A dashboard for monitoring services, incidents, and logs. A Python/Flask backend serves hypermedia through HTMX, and the frontend is Lit web components. Why: I wanted to try a stack that leans into the platform instead of abstracting it away. HTMX lets the server own state and send back HTML fragments, which cuts out a lot of client-side complexity. Lit is what web components always should have been: lightweight, declarative, and framework-agnostic. I don't think enough people know how powerful the native component model has gotten. - Date: Sep 2025 - Tech: Python, Lit, HTMX, Flask - Tags: SRE, Dashboard, Data Visualization, Developer Tools, Open Source - Live: https://sre.nickeltools.dev - Source: https://github.com/nick5616/lit-htmxperiments ### [Factory Orchestrator](https://software.nicolebelovoskey.com/portfolio/software/factory-orchestrator) A test harness device makers use on the factory floor to flash and test Windows on their hardware. I helped build it at Microsoft and helped open-source it. Why: This was my Microsoft internship. Besides the app itself, I worked with Ted, a tech writer, on the product docs and the open-source announcement. It's still my go-to story for working with someone outside engineering. - Tech: C#, UWP, XAML - Tags: Open Source, Developer Tools - Live: https://github.com/microsoft/FactoryOrchestrator - Source: https://github.com/microsoft/FactoryOrchestrator ### [Wizard Wars](https://software.nicolebelovoskey.com/portfolio/software/wizard-wars) A 3D multiplayer wizard first-person shooter that runs in your browser. Nothing to download, just open it and play. - Date: May 2026 - Tech: WebRTC, Three.js, React, React-Three-Fiber - Tags: Multiplayer, Real-time, 3D Design, Physics, Open Source - Live: https://wizardwars.saucedog.art - Source: https://github.com/nick5616/wizard-wars ### [Pokemon or Technology](https://software.nicolebelovoskey.com/portfolio/software/pokemon-or-technology) Test your knowledge! Can you tell a Pokémon name from a technology term? Why: One day I noticed Pokémon and technology have similar sounding names, so I made this quiz game. - Date: Sometime in like Oct 2025 - Tech: TypeScript, React, Next.js - Tags: Quiz - Live: https://software.nicolebelovoskey.com/pokemon-or-technology ### [New Media Class Website](https://software.nicolebelovoskey.com/portfolio/software/new-media-website) My first real website, from a 2019 college class. It explores the media I consume and polls my classmates on theirs. Why: It was a class assignment, but it was also genuinely my first real website. Everyone starts somewhere. - Date: Oct 2019 - Tech: HTML, CSS, JavaScript - Tags: Open Source - Live: https://new-media-college-class.netlify.app/ - Source: https://github.com/nick5616/newMediaWebsite