Prelude: MIDI Mentor
Interactive music-learning app using MIDI input, rendered notation, and immediate feedback to practice notes, chords, and inversions.
React | TypeScript | Vite | VexFlow | Web MIDI | PWA
Practice with PreludeNick Buzzerio
Front-End Engineer building accessible, high-performance web experiences with React, Next.js, and TypeScript.
I build enterprise marketing platforms, scalable component systems, and AI-powered applications while pursuing a master's degree in Artificial Intelligence.
5+ Years Professional ExperienceOpen to Remote Opportunities
- React
- Next.js
- TypeScript
- Contentful
- AI
About Me
I'm a Front-End Engineer with more than five years of professional experience.
I build enterprise web applications and marketing platforms with React, Next.js, TypeScript, and Contentful. My work focuses on scalable component systems, accessibility, performance, and maintainable frontend architecture.
I've led framework upgrades, improved Lighthouse scores from roughly 40 to the 95–100 range, automated large content migrations, and supported other developers through documentation and mentorship.
I'm also pursuing a master's degree in Artificial Intelligence and building projects that combine modern frontend development with local AI, developer tooling, and interactive learning experiences.
View ResumeTechnologies
JavaScript
Description: JavaScript is the core programming language of the modern web, powering interactive browser experiences and server-side applications through Node.js.
Experience: JavaScript has been the primary language throughout my software engineering career. I use it to build enterprise web applications, reusable frontend systems, Node.js services, automation tools, and interactive personal projects.
Check out the documentation
TypeScript
Description: TypeScript extends JavaScript with static typing, making large applications safer to maintain, refactor, and scale.
Experience: TypeScript is my preferred language for modern frontend development. I use it across React and Next.js applications to model component contracts, CMS content, API responses, validation rules, and reusable application architecture.
Check out the documentation
Python
Description: Python is a versatile programming language widely used for automation, APIs, data work, and artificial intelligence.
Experience: I use Python for AI-focused projects and backend services, including FastAPI applications, local text-to-speech workflows, and experimentation related to my M.S. in Artificial Intelligence.
Check out the documentation
C#
Description: C# is a statically typed, object-oriented language commonly used with .NET and the Unity game engine.
Experience: I use C# primarily for Unity development while building and refining a third-person game prototype. My work has included gameplay systems, combat, enemy behavior, health, UI, and environment interactions.
Check out the documentation
PHP
Description: PHP is a server-side language widely used for web applications, APIs, and content-management platforms.
Experience: My PHP experience comes primarily from maintaining legacy production code and working with Lumen-based REST APIs. I am comfortable reading, debugging, and making targeted updates in existing PHP applications.
Check out the documentation
React
Description: React is a component-based library for building interactive and reusable user interfaces.
Experience: React has been the foundation of most of my professional frontend work. I use it to build reusable component systems, enterprise marketing experiences, CMS-driven interfaces, and interactive personal applications with a strong focus on accessibility and maintainability.
Check out the documentation
Next.js
Description: Next.js is a React framework for building production web applications with server rendering, static generation, routing, caching, and backend capabilities.
Experience: Next.js is the primary framework I use professionally. I have built and maintained enterprise marketing platforms, integrated Contentful, improved Lighthouse scores from roughly 40 to 95–100+, and led upgrades across major Next.js versions and evolving application architecture.
Check out the documentation
HTML
Description: HTML provides the semantic structure and content of web pages and applications.
Experience: I use semantic HTML across all of my frontend work to support accessibility, maintainable component structure, search visibility, and reliable browser behavior.
Check out the documentation
CSS
Description: CSS controls the visual design, layout, responsiveness, and presentation of web interfaces.
Experience: I have extensive experience building responsive, accessible interfaces with modern CSS. My work includes complex layouts, component styling, animation, cross-browser fixes, design-system implementation, and performance-conscious presentation.
Check out the documentation
Tailwind CSS
Description: Tailwind CSS is a utility-first framework for composing responsive interfaces directly in application markup.
Experience: I use Tailwind CSS to rapidly build and refine production interfaces while maintaining consistent spacing, typography, responsive behavior, and reusable design patterns. I also rely on standard CSS when a component requires more specialized styling.
Check out the documentation
Astro
Description: Astro is a web framework focused on content-driven websites, fast page delivery, and minimal client-side JavaScript.
Experience: I have used Astro for content-focused frontend work and value its performance-first architecture. It is a strong option for marketing and editorial experiences where most content can be rendered without shipping a large client-side bundle.
Check out the documentation
Redux
Description: Redux is a predictable state-management library for JavaScript applications with complex shared state.
Experience: I have used Redux in applications where state is shared across deeply nested or highly interconnected components. I choose it when centralized state provides a clear architectural benefit, while favoring simpler React state patterns when they are sufficient.
Check out the documentation
Sass
Description: Sass extends CSS with features such as variables, nesting, modules, and reusable mixins.
Experience: I have used Sass in production codebases to organize large stylesheets and maintain reusable styling patterns. I am comfortable working in both modern CSS and established Sass architectures.
Check out the documentation
jQuery
Description: jQuery is a JavaScript library for DOM manipulation, event handling, and compatibility across older browser environments.
Experience: I have worked with jQuery in legacy applications and older frontend codebases. Although modern browser APIs and frameworks now cover most of its former use cases, I can maintain and modernize existing jQuery code when needed.
Check out the documentation
Web Accessibility
Description: Accessibility is the practice of designing and building digital experiences that people with a wide range of abilities can use.
Experience: Accessibility is a core part of my frontend work rather than a final checklist. I use semantic HTML, keyboard support, accessible naming, contrast, focus management, and user-centered testing to build more inclusive interfaces.
Check out the documentation
Contentful
Description: Contentful is a headless content management platform used to model, manage, and deliver structured content through APIs.
Experience: Contentful has been central to my professional work for several years. I build reusable frontend components around structured content models, integrate complex content relationships, and have automated WordPress-to-Contentful migrations that reduced manual migration effort by approximately 80%.
Check out the documentation
Vercel
Description: Vercel is a cloud platform for deploying and operating modern frontend applications, particularly those built with Next.js.
Experience: I use Vercel for deployments, preview environments, and production workflows across modern frontend projects. I have also completed Vercel and Next.js certifications to deepen my understanding of the platform and framework.
Check out the documentation
Node.js
Description: Node.js is a JavaScript runtime used for backend services, tooling, automation, and build systems.
Experience: I use Node.js for REST APIs, development tooling, migration scripts, build workflows, and full-stack applications. It has also supported automation work that significantly reduced manual content-migration effort.
Check out the documentation
Express
Description: Express is a lightweight Node.js framework for building APIs, middleware, and server-side applications.
Experience: I have used Express to create REST APIs and backend services for full-stack projects. I am comfortable with routing, middleware, request handling, error handling, and integrating application data.
Check out the documentation
FastAPI
Description: FastAPI is a modern Python framework for building high-performance APIs with type-based validation and automatic documentation.
Experience: I use FastAPI in AI-focused projects to expose local inference services, manage asynchronous text-to-speech jobs, stream generated audio, and support frontend applications through clear REST endpoints.
Check out the documentation
Socket.IO
Description: Socket.IO enables real-time, bidirectional communication between clients and servers.
Experience: I have used Socket.IO in real-time application work, including multiplayer functionality where clients need to exchange updates without repeated page requests.
Check out the documentation
JWT
Description: JSON Web Tokens are a compact format for securely transmitting signed claims between systems.
Experience: I have used JWT-based authentication in full-stack applications to protect routes, maintain authenticated sessions, and authorize access to server resources.
Check out the documentation
PostgreSQL
Description: PostgreSQL is a relational database known for strong standards support, reliability, and advanced querying features.
Experience: I have used PostgreSQL in full-stack project work involving relational data, structured queries, and API-backed applications. My strongest expertise remains on the frontend, but I am comfortable working with established schemas and common database operations.
Check out the documentation
MySQL
Description: MySQL is a relational database system used by a wide range of web applications and backend platforms.
Experience: I have experience working with MySQL-backed applications and relational data through established schemas and APIs. My day-to-day specialization remains frontend engineering rather than database administration.
Check out the documentation
MongoDB
Description: MongoDB is a document-oriented database designed for flexible JSON-like data models.
Experience: I have used MongoDB in full-stack JavaScript projects to store and query application data. I am comfortable working with document models, CRUD operations, and API integrations.
Check out the documentation
Mongoose
Description: Mongoose is an object-modeling library for MongoDB and Node.js that provides schemas, validation, and query helpers.
Experience: I have used Mongoose to define application models, validate data, and interact with MongoDB from Node.js services.
Check out the documentation
Sequelize
Description: Sequelize is an object-relational mapper for Node.js applications using SQL databases.
Experience: I have used Sequelize in full-stack project work to define models, manage relationships, and query relational data from Node.js applications.
Check out the documentation
Redis
Description: Redis is an in-memory data store commonly used for caching, queues, sessions, and fast temporary state.
Experience: I have foundational experience with Redis concepts and its role in application architecture, particularly for caching and short-lived server state. It is not currently one of my primary production technologies.
Check out the documentation
Jest
Description: Jest is a JavaScript testing framework for unit and integration tests.
Experience: I use Jest to validate frontend logic, components, utilities, and application behavior. I value tests most when they protect stable business rules and make refactoring safer.
Check out the documentation
React Testing Library
Description: React Testing Library provides utilities for testing React interfaces through behavior that resembles how users interact with the application.
Experience: I use React Testing Library with Jest to test components from the user's perspective, emphasizing accessible queries, realistic interaction, and observable behavior rather than implementation details.
Check out the documentation
Cypress
Description: Cypress is an end-to-end testing framework for validating browser-based application workflows.
Experience: I have used Cypress to test complete user flows and browser interactions. I am comfortable maintaining end-to-end coverage and diagnosing failures across frontend workflows.
Check out the documentation
Playwright
Description: Playwright is a browser automation framework for end-to-end testing across Chromium, Firefox, and WebKit.
Experience: I use Playwright to validate critical user journeys, browser behavior, and application regressions in modern React and Next.js projects. I am comfortable writing and maintaining end-to-end tests that exercise real workflows.
Check out the documentation
AWS
Description: Amazon Web Services provides cloud infrastructure for hosting, storage, networking, delivery, and application deployment.
Experience: I have used AWS services including EC2, S3, and CloudFront to host applications and static assets. My deployment work has also included SSL, Nginx, and production server configuration.
Check out the documentation
Amazon EC2
Description: Amazon EC2 provides configurable virtual servers for hosting applications and backend services.
Experience: I have used EC2 to deploy and maintain applications, configure Linux servers, manage SSL, and serve frontend and backend workloads behind Nginx.
Check out the documentation
Amazon S3
Description: Amazon S3 is an object storage service used for static assets, downloads, backups, and application files.
Experience: I use S3 to host static assets and downloadable files, including resume and portfolio resources. I am comfortable configuring objects, permissions, and integrations within broader AWS hosting workflows.
Check out the documentation
Amazon CloudFront
Description: Amazon CloudFront is a content delivery network that improves global delivery through edge caching.
Experience: I have used CloudFront to distribute frontend assets and improve delivery performance in AWS-hosted environments. I understand how it fits with S3, DNS, SSL, and cache behavior.
Check out the documentation
Nginx
Description: Nginx is a high-performance web server and reverse proxy used for serving applications, routing traffic, and managing SSL.
Experience: I have configured Nginx for production deployments, static application hosting, reverse proxying, SSL, and server routing across professional and personal projects.
Check out the documentation
Docker
Description: Docker packages applications and dependencies into portable containers for consistent development and deployment.
Experience: I understand Docker-based development and deployment workflows and can work with existing container configurations. It is a supporting tool in my toolkit rather than a primary area of specialization.
Check out the documentation
New Relic
Description: New Relic is an observability platform for monitoring application performance, errors, and production behavior.
Experience: I have worked with New Relic in production environments to investigate frontend issues, review runtime behavior, and support performance and reliability work.
Check out the documentation
Ollama
Description: Ollama is a local model runtime that makes it practical to run and manage large language models on personal hardware.
Experience: I use Ollama for local AI experimentation, developer tooling, and offline language-model workflows. This includes testing coding models and evaluating where local inference can improve privacy, cost, and iteration speed.
Check out the documentation
Local LLM Workflows
Description: Local LLM workflows combine on-device model inference, orchestration, and application logic without requiring hosted model APIs.
Experience: I build and evaluate local AI workflows for coding assistance, text generation, and speech applications. My focus is on practical tradeoffs such as privacy, latency, hardware requirements, model quality, and maintainability.
Check out the documentation
AI-Assisted Development
Description: AI-assisted development uses language models and related tools to accelerate coding, debugging, refactoring, documentation, and technical research.
Experience: I use AI tools as part of a disciplined engineering workflow rather than as a replacement for review and judgment. I apply them to code exploration, migration support, documentation, testing, and local automation while validating outputs through linting, builds, and direct inspection.
Check out the documentation
Git
Description: Git is a distributed version-control system used to manage source code and collaborative development.
Experience: I use Git daily for feature development, code review, release preparation, debugging, and maintaining professional and open-source repositories.
Check out the documentation
GitHub
Description: GitHub is a platform for source control, collaboration, code review, automation, and open-source project hosting.
Experience: I use GitHub to maintain personal and open-source projects, manage issues and pull requests, publish documentation, and run automated build and deployment workflows.
Check out the documentation
Bitbucket
Description: Bitbucket is a Git hosting and collaboration platform commonly integrated with Atlassian development workflows.
Experience: I use Bitbucket professionally for source control, pull requests, branch management, and collaboration across client and internal projects.
Check out the documentation
pnpm
Description: pnpm is a fast, disk-efficient package manager with strong workspace and monorepo support.
Experience: pnpm is my preferred package manager for modern JavaScript and TypeScript projects. I use it across personal and professional workflows, including monorepos, automated scripts, and production build pipelines.
Check out the documentation
npm
Description: npm is a package manager and registry for JavaScript tooling and application dependencies.
Experience: I have extensive experience managing JavaScript dependencies and scripts with npm. My current workflows also use pnpm for efficient package management in modern and monorepo-based projects.
Check out the documentation
Webpack
Description: Webpack is a module bundler used to compile and optimize JavaScript, styles, and application assets.
Experience: I have configured and maintained Webpack-based applications professionally and in project work. I am comfortable debugging build pipelines, loaders, plugins, asset handling, and migration issues.
Check out the documentation
Gulp
Description: Gulp is a task runner used to automate repetitive frontend build and asset-processing workflows.
Experience: I have worked with Gulp in established frontend projects and can maintain or modernize its build tasks. Most of my current work uses framework-native tooling and newer build systems.
Check out the documentation
Jira
Description: Jira is a project-management platform for tracking software work, requirements, defects, and team delivery.
Experience: I use Jira professionally to plan and track development work, communicate implementation progress, document technical details, and coordinate with developers, designers, and project stakeholders.
Check out the documentation
Figma
Description: Figma is a collaborative interface-design platform used for design systems, prototypes, and developer handoff.
Experience: I use Figma to interpret designs, inspect spacing and typography, extract assets, and collaborate with designers while translating visual requirements into accessible, responsive interfaces.
Check out the documentation
Featured Projects
OpenReader AI
Local AI text-to-speech reader with asynchronous generation, sentence highlighting, playback controls, saved clips, and offline synthesis.
React | TypeScript | Python | FastAPI | XTTS | Local AI
View Source Code
Game Catalog
Responsive video game discovery app featuring search, dynamic filtering, trailer previews, and skeleton loading.
Next.js | TypeScript | Tailwind CSS | REST API
Explore Games
LTO Moonbase
Full-stack marketing and onboarding website for a blockchain leasing startup, deployed through Nginx with SSL.
React | Node.js | Express | Nginx
Visit Site