Skip to content
View brandonperfetti's full-sized avatar
πŸš€
Gettin it...
πŸš€
Gettin it...

Block or report brandonperfetti

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
brandonperfetti/README.md

Brandon Perfetti – Senior Frontend Engineer

LinkedIn Portfolio macOS Portfolio Profile Views


πŸ‘‹ Hey, I'm Brandon

Senior Frontend Engineer Β· Full-Stack Practitioner Β· AI Engineering Specialist

Software engineer with 10+ years across SaaS product delivery, web architecture, and systems integration. I specialize in TypeScript / React / Next.js / Tailwind CSS ecosystems with a sharp focus on scalable UI architecture, clean component systems, and AI-enabled product workflows using AI SDK and MCP integrations.

Currently building CMS-driven brokerage platform experiences at Brytecore β€” Next.js, Strapi, GraphQL, and accessibility-first component architecture for real estate brokerages across North America.

I translate ambiguous product goals into shippable technical systems. I build clean, scalable interfaces with strong UX/accessibility fundamentals. I use AI-enabled workflows to improve quality, throughput, and operational clarity.


πŸ—οΈ Featured Projects

An interactive macOS-inspired portfolio experience. Built with React, TypeScript, GSAP, Zustand, and Tailwind CSS. A live demo of what frontend craftsmanship looks like when constraints are removed.

React TypeScript GSAP Zustand Tailwind CSS

Event timelines made simple for teams and organizations. A polished SaaS product focused on clear information architecture and fast, intuitive UX.

Next.js TypeScript Tailwind CSS Prisma PostgreSQL

A Stack Overflow-style question-and-answer platform. Full authentication, voting, tagging, and reputation system β€” built to spec.

Next.js TypeScript MongoDB Clerk shadcn/ui

A media experience for exploring and tracking movies. Clean data-driven UI over a third-party API with search, filtering, and user watchlists.

React TypeScript Redux Tailwind CSS

A modern web studio focused on product websites and applications. A client-facing brand with full design-to-code execution.

Next.js TypeScript Tailwind CSS

A modernized web presence for a forensic engineering firm. Accessibility-first, CMS-driven, and built for long-term maintainability.

Next.js TypeScript Tailwind CSS Headless CMS


πŸ› οΈ Tech Stack

Core

TypeScript React Next.js Tailwind CSS JavaScript

AI Engineering

AI SDK MCP OpenAI

Frameworks

Remix Nuxt Vue.js Expo React Native Gatsby

UI / Components

shadcn/ui Radix UI GSAP TanStack Zustand Redux

Backend / Data

Node.js GraphQL Prisma PostgreSQL Supabase MongoDB SQLite Express.js Clerk

Testing

Vitest Playwright Testing Library Jest MSW

Tooling & Infrastructure

Vercel Fly.io Vite Zod Netlify Digital Ocean


πŸ“œ Recent Certifications

Practical, hands-on credentials aligned to current engineering focus β€” AI tooling, modern frontend, and full-stack depth.

AI & Modern Tooling (2025–2026)

  • πŸ€– Master the Model Context Protocol (MCP) β€” Epic Web
  • πŸ€– AI SDK v5 Crash Course
  • πŸ€– Build Your Own AI Personal Assistant in TypeScript
  • 🎞️ Vanilla Three.js Course β€” JS Mastery, Jan 2026
  • 🌐 Web Animations Full Course (GTA VI–style) β€” Jan 2026

Frontend & Full-Stack Depth

  • πŸ§ͺ The Complete Next.js Testing Course β€” JS Mastery, Feb 2026
  • πŸ—„οΈ Database Mastery: SQL to Prisma β€” JS Mastery, Jan 2026
  • βš›οΈ React Mastery Course β€” JS Mastery
  • ⚑ Ultimate Next.js 14 Course β€” JS Mastery
  • 🎨 Pixel Perfect Figma to Tailwind
  • πŸ” Authentication Strategies & Implementation β€” Epic Web
  • 🧱 Full Stack Foundations β€” Epic Web
  • πŸ”· Beginner's TypeScript β€” Total TypeScript
  • πŸ’š Certified Nuxt Master β€” Mastering Nuxt 3

Quality & Accessibility

  • β™Ώ Automated Accessibility Testing
  • β™Ώ Coding Accessible Interactions and Mechanics
  • β™Ώ Semantic Markup with HTML and ARIA
  • πŸ§ͺ Web Application Testing
  • πŸ§ͺ Testing Fundamentals β€” Epic Web

πŸ“š Completed Courses

Click to expand full course list

Epic Web / Kent C. Dodds

  1. Epic Web β€” Full-stack web dev, test-driven, modern patterns
  2. Advanced Remix β€” Frontend Masters
  3. Remix Fundamentals β€” Frontend Masters
  4. Epic React
  5. Testing JavaScript

Wes Bos 6. Master Gatsby 7. Fullstack Advanced React and GraphQL 8. Learn Node 9. Learn Redux 10. React For Beginners 11. ES6 for Everyone 12. Beginner JavaScript 13. JavaScript30 14. What The Flexbox?! 15. CSS Grid 16. Mastering Markdown 17. Command Line Power User

Other 18. Just Javascript β€” Dan Abramov & Maggie Appleton 19. Vue.js 2 Master Class β€” Alex Kyriakidis 20. Mastering Nuxt 3 β€” Michael Thiessen 21. Testing Accessibility β€” Marcy Sutton


πŸ“Š GitHub Stats

View stats

Time spent this year

Wakatime stats


🀝 Connect

GitHub LinkedIn Portfolio

Pinned Loading

  1. bp-portfolio bp-portfolio Public

    Brandon Perfetti's Portfolio

    TypeScript

  2. filmpire filmpire Public

    A cinematic movie discovery app powered by the TMDB API β€” built with React, TypeScript, Redux Toolkit, and Tailwind CSS.

    TypeScript

  3. next-stack-overflow next-stack-overflow Public

    Dev Flow β€” A full-stack Stack Overflow clone with AI-generated answers, built with Next.js 14, MongoDB, Clerk, and OpenAI.

    TypeScript

  4. macos-portfolio macos-portfolio Public

    MacOS Portfolio Built with Vite, React, Typescript, and TailwindCSS

    TypeScript 1

  5. gta-vi-landing gta-vi-landing Public

    GTA VI Landing Page

    TypeScript 1