# 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://nickeltools.dev/portfolio/software ## Projects (29) ### [Nicole's World](https://nickeltools.dev/portfolio/software/portfolio) I made a first person 3D environment on the web, where the user can walk around, sprint, jump, collect gems, view my art in a digital upscale museum, see my software projects as if they are physically walking up to them, draw a picture and submit it, with the potential to see it hung up on the wall, interact with an omnipotent and deriding computer from the cartoon 'Courage the Cowardly Dog', Relax in a tranquil forest, or practice multiplication in a 3D adaptation of 'Meteor Multiplication'. Why: I wanted this website to feel like a place you could inhabit rather than a page you scroll. Building a fully explorable 3D world pushed my skills across graphics programming, spatial UX, and browser performance. 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 - Live: https://nicolebelovoskey.com - Source: https://github.com/nick5616/3d-portfolio-website ### [Friendex](https://nickeltools.dev/portfolio/software/friendex) A pokédex for your friends. A zany mobile-first social app that lets you collect and organize information about the people in your life. Built with a focus on delightful mobile interactions and intuitive navigation. Why: I created Friendex because I wanted a fun, gamified way to remember details about friends. The pokédex metaphor makes it engaging, and the mobile-first design ensures it's social - Date: Oct 2025 - Tech: TypeScript, React, Firebase Auth - Tags: Mobile-First, Social App, Web Development, Responsive UI - Live: https://friendex.online - Source: https://github.com/nick5616/friendex ### [RPG Quests](https://nickeltools.dev/portfolio/software/videogamequest) Convert journal entries into video game quests, and live your life like an RPG. Why: I built videogamequest because I wanted to make productivity and journaling more engaging. By framing life events as RPG quests, it adds a layer of fun and motivation to tracking your progress and achieving goals. - Date: Jun 2025 - Tech: TypeScript, React, Tailwind CSS, Framer Motion, Nest.js, Node.js - Tags: AI Integration, Productivity Tools, Gamification, Journaling - Live: https://rpg-quests.netlify.app/ ### [tierlistify](https://nickeltools.dev/portfolio/software/tierlistify) Rank anything, optimized for your phone. I built it because I thought the Tiermaker mobile site could use some improvement. Why: I built tierlistify because I was frustrated with how poorly existing tier list tools worked on mobile. I wanted to create something that felt native to touch interfaces, with smooth drag-and-drop interactions and a clean, focused UI. - Date: Sep 2025 - Tech: TypeScript, React - Tags: Mobile UX, Touch Interactions, Drag & Drop, Progressive Web App - Live: https://tierlistify.com - Source: https://github.com/nick5616/tierlistify ### [Passionfruit](https://nickeltools.dev/portfolio/software/passionfruit) Conveniently track and understand all the projects you are working on Why: I have a lot of infrequent hobbies that I like to switch between. I noticed I was feeling overwhelmed by all the projects I was working on, so I built Passionfruit to help me keep track of them in a way that wouldn't stifle my creativity. - Date: Nov 2025 - Tech: TypeScript, React - Tags: Project Management, Productivity Tools - Live: https://yieldpassionfruit.netlify.app - Source: https://github.com/nick5616/universe ### [Life Network](https://nickeltools.dev/portfolio/software/life-graph) A 3D visualization of your life's goals, prioritization, and dependencies Why: I wanted to model relationships between my goals and their prerequisites, and how my goals are related to each other. I've made it generic so you can use it for your own goals. It's intended 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 - Live: https://yieldpassionfruit.netlify.app/life-graph - Source: https://github.com/nick5616/universe/blob/main/src/pages/LifeGraphPage.tsx ### [Smart Piano](https://nickeltools.dev/portfolio/software/smart-piano) An online piano that uses the key you're in and the musical context to suggest the next notes to play Why: I wanted to create a tool that helps people learn music theory through play. Instead of just showing scales or chords, Smart Piano provides real-time musical guidance, making it easier to create pleasing melodies even if you're not an expert musician. - Date: Nov 2025 - Tech: TypeScript, React, Web Audio API, Next.js - Tags: Music Theory Algorithms - Live: https://nickeltools.dev/smart-piano - Source: https://github.com/nick5616/nickel-tools ### [Plasma Sphere](https://nickeltools.dev/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 - Live: https://sphere.saucedog.art - Source: https://github.com/nick5616/plasma-sphere ### [CHAOS](https://nickeltools.dev/portfolio/software/chaos) Counter-Strike Highlight Analysis and Organization System. A tool that batch processes video game footage and filters noteworthy in-game moments using machine learning (OCR, Speech-To-Text) (Desktop app on hiatus). Why: As a Counter-Strike player, I wanted to automatically find and organize my best plays from hours of gameplay footage. Manually scrubbing through videos is tedious, so I built CHAOS to use ML to detect kills, callouts, and other significant moments automatically. - Date: Oct 2025 - Tech: Python - Tags: Machine Learning, OCR, Speech-to-Text, Video Processing, Computer Vision - Live: https://github.com/nick5616/CHAOS - Source: https://github.com/nick5616/CHAOS ### [Pokemon or Technology](https://nickeltools.dev/portfolio/software/pokemon-or-technology) Test your knowledge! Can you tell the difference between a Pokémon name and a technology term? Why: One day I observed Pokemon 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://nickeltools.dev/pokemon-or-technology ### [Song Visualizer](https://nickeltools.dev/portfolio/software/song-visualizer) Visualize music as animated particles, waveforms, geometry, and spectrum effects. Upload an MP3 or connect a mic for real-time visuals with customizable color, speed, and intensity. Why: I wanted a way to see my music, not just hear it. Building real-time audio visualization in the browser with the Web Audio API and Canvas was a satisfying way to connect the sonic and the visual. - Date: Apr 2026 - Tech: JavaScript, Web Audio API, Canvas API, HTML, CSS - Tags: Music Theory Algorithms, Interactive Design - Live: https://music.nickeltools.dev/song-visualizer/ - Source: https://github.com/nick5616/song-visualizer ### [Pitch Hero](https://nickeltools.dev/portfolio/software/pitch-hero) Sing or play a MIDI keyboard to match scrolling notes as they cross the target line. Trains pitch accuracy with real-time microphone or MIDI input scoring. Why: I wanted an interactive way to train pitch accuracy that felt more like a game than an exercise. Building the pitch detection and scrolling note renderer from scratch was a great deep-dive into 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 - Live: https://music.nickeltools.dev/pitch-hero/ - Source: https://github.com/nick5616/song-visualizer ### [Smart MIDI Recorder](https://nickeltools.dev/portfolio/software/smart-midi-recorder) Record MIDI keyboard input with musical context — key, scale, and suggested next notes displayed in real time to guide improvisation. Why: I play piano and wanted a tool that would help me improvise more confidently by surfacing the "right" notes for the key I'm in, while still capturing what I was playing. - Date: Apr 2026 - Tech: JavaScript, Web Audio API, HTML, CSS - Tags: Music Theory Algorithms, Interactive Design, Real-time, MIDI - Live: https://music.nickeltools.dev/smart-midi-recorder/ - Source: https://github.com/nick5616/song-visualizer ### [Batch Analyzer](https://nickeltools.dev/portfolio/software/batch-analyzer) Batch analyze product images by sending the same queries (like 'How many books are in the image?') to each image in the batch. Plug and play with your own LLM. Why: While working on product analysis tasks, I found myself repeatedly asking the same questions about different images. This tool automates that workflow, allowing teams to analyze entire product catalogs efficiently with custom LLM integrations. - Date: Dec 2025 - Tech: TypeScript, React, LLM APIs - Tags: Image Processing, Batch Processing - Live: https://batch-analyzer.netlify.app/ - Source: https://github.com/nick5616/batch-item-analyzer ### [The Circle](https://nickeltools.dev/portfolio/software/the-circle) A single persistent global room where up to 8 people can be on camera and mic at once via WebRTC mesh. Everyone else joins as audience. No accounts, no room codes, no database. Why: I wanted to build something that felt genuinely real-time — not just a chat box but actual live video between strangers. Wiring together WebRTC peer connections, Django Channels signaling, and Redis-backed room state from scratch was the challenge. Note: visit the site directly — it won't work embedded in an iframe. - Date: Apr 2026 - Tech: React, TypeScript, Django, WebSockets, WebRTC, Redis, Docker - Tags: Real-time, Web Development - Live: https://live.saucedog.art/ - Source: https://github.com/nick5616/the-circle ### [Wizard Wars](https://nickeltools.dev/portfolio/software/wizard-wars) A 3D multiplayer wizard FPS (first person shooter) game on the web. You don't need to download anything to play! - Date: May 2026 - Tech: WebRTC, Three.js, React, React-Three-Fiber - Live: https://wizardwars.saucedog.art - Source: https://github.com/nick5616/wizard-wars ### [Nickel Tools](https://nickeltools.dev/portfolio/software/nickel-tools) A browser-based desktop OS experience with a swipeable mobile mode, app grid, app tray, and full-screen app windows. 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 the average users can explore apps within a desktop OS. - Date: Nov 2025 - Tech: TypeScript, React, Next.js - Tags: Interactive Design - Live: https://nickeltools.dev/desktop - Source: https://github.com/nick5616/nickel-tools ### [Star Wars Ship Costs Visualizer](https://nickeltools.dev/portfolio/software/sw-viz) Interactive data visualization of Star Wars starship costs from the SWAPI dataset. Explore and compare iconic ships from X-wings to Star Destroyers. Why: A fun excuse to combine a beloved universe with data viz. Pulling from the Star Wars API and rendering comparative cost breakdowns made for a satisfying mix of frontend charting work and backend data wrangling. - Date: Nov 2023 - Tech: React, TypeScript, Nivo, Nest.js, Node.js - Tags: Data Visualization, Web Development - 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 ### [VoiceLab](https://nickeltools.dev/portfolio/software/voice-lab) Python desktop app for singers to track and analyze vocal performance across takes. Measures pitch, resonance, weight, brightness, and consistency. Why: I wanted objective feedback on my singing practice rather than relying purely on ear. Tracking metrics across takes makes it easy to see what's actually improving. - Date: Dec 2025 - Tech: Python - Tags: Machine Learning - Live: https://github.com/nick5616/VoiceLab - Source: https://github.com/nick5616/VoiceLab ### [Art Room](https://nickeltools.dev/portfolio/software/art-room) A 3D art gallery room inside the holodeck where paintings are displayed on walls you can approach and step back from. Why: I wanted a way to display 2D art in a spatial context — mounting pieces on walls you can approach and step back from changes how you experience them compared to a flat grid. - Date: Feb 2026 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL, Go, Google Cloud Storage, Docker - Tags: 3D Design, Interactive Design - Live: https://nicolebelovoskey.com/holodeck/art - Source: https://github.com/nick5616/3d-portfolio-website - Backend source: https://github.com/nick5616/holodeck-art-api ### [Courage Computer Room](https://nickeltools.dev/portfolio/software/courage-computer) An interactive 3D retro computer lab environment inside the holodeck. Inspired by the aesthetic of early personal computing and Courage the Cowardly Dog. Why: I wanted to capture the feeling of a classic computer room as an inhabitable space. It was a chance to blend 3D environmental storytelling with web technology in a way that feels nostalgic and playful. - Date: Nov 2025 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL - Tags: 3D Design, Interactive Design - Live: https://nicolebelovoskey.com/holodeck/courage-the-cowardly-dog - Source: https://github.com/nick5616/3d-portfolio-website ### [Math Room](https://nickeltools.dev/portfolio/software/math-room) An immersive 3D room for mathematical visualization — equations, shapes, and concepts brought to life as explorable objects inside the holodeck. Why: Math is inherently spatial and I wanted to explore what it looks like to present mathematical ideas as environments rather than notation on a page. - Date: Jan 2025 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL - Tags: 3D Design, Interactive Design - Live: https://nicolebelovoskey.com/holodeck/math - Source: https://github.com/nick5616/3d-portfolio-website ### [Art Museum](https://nickeltools.dev/portfolio/software/art-museum) A large-scale 3D museum experience inside the holodeck — a multi-room virtual gallery housing a curated collection you can browse at your own pace. Why: Scaling up from the art room into a full museum allowed me to think about wayfinding, pacing, and spatial narrative at a larger architectural scale — all within the browser. - Date: Jan 2025 - Tech: TypeScript, React, Three.js, React-Three-Fiber, WebGL - Tags: 3D Design, Interactive Design - Live: https://nicolebelovoskey.com/art-gallery - Source: https://github.com/nick5616/3d-portfolio-website ### [Software Showroom](https://nickeltools.dev/portfolio/software/software-showroom) Walk up to screens in a 3D environment and interact with my projects. Press escape for your cursor. 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 - Live: https://nicolebelovoskey.com/software - Source: https://github.com/nick5616/3d-portfolio-website ### [SRE Dashboard](https://nickeltools.dev/portfolio/software/sre-dashboard) SRE dashboard for monitoring services, incidents, and logs. Python/Flask backend serves hypermedia via HTMX, frontend built with Lit web components. Why: I wanted to explore a stack that leans into the platform instead of abstracting away from it. HTMX lets the server own state and return HTML fragments directly, cutting 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 become. - Date: Sep 2025 - Tech: Python, Lit, HTMX, Flask - Tags: SRE, Dashboard - Live: https://sre.nickeltools.dev - Source: https://github.com/nick5616/lit-htmxperiments ### [Sphere Website](https://nickeltools.dev/portfolio/software/sphere-website) A vanilla Three.js website built around a rotating 3D sphere — the hello world of 3D web graphics. 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 - Live: https://tiny-sorbet-aefcf4.netlify.app/ - Source: https://github.com/nick5616/sphere-website ### [Boards](https://nickeltools.dev/portfolio/software/boards) boards.saucedog.art - Date: May 2026 - Live: https://boards.saucedog.art - Source: https://github.com/nick5616/boards ### [New Media Class Website](https://nickeltools.dev/portfolio/software/new-media-website) My first real website — a 2019 college class assignment exploring what kinds of media I consume and polling classmates on the same. 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 - Live: https://new-media-college-class.netlify.app/ - Source: https://github.com/nick5616/newMediaWebsite ### [Routine](https://nickeltools.dev/portfolio/software/routine) An accessible online routine with dynamic generation of WCAG AAA compliant analogous color schemes. Why: I wanted to explore algorithmic color theory while building something genuinely useful — a routine tool that generates harmonious, fully accessible palettes on the fly. - Date: Mar 2020 - Tech: JavaScript - Tags: Design System, Accessibility - Live: https://nick5616.github.io/routine/ - Source: https://github.com/nick5616/routine