Sam Nelson — Portfolio

Personal portfolio site built with Next.js, showcasing full-stack projects, an interactive Diablo 3 leaderboard app, and background on my work in web development.

Live site: next-js-portfolio-59d3.vercel.app

Tech Stack

• Framework: Next.js 15 (App Router), React 19, TypeScript
• Styling: Tailwind CSS 4
• Backend/Data: Blizzard OAuth2 API
• Deployment: Vercel

Features

• Responsive, light/dark-mode aware UI (follows system preference)
• Featured projects grid pulling from JSON data files
• D3 Seasonal Leaderboard — a live Diablo 3 leaderboard integration using Blizzard's public API with OAuth2, region/season/party filtering, and search
• SEO basics: dynamic metadata, Open Graph/Twitter cards, JSON-LD structured data, robots.txt, and sitemap.xml
• Custom 404 and error pages

Getting Started

npm install
npm run dev

Open http://localhost:3000 to view it locally.

Other scripts:

npm run build   # production build
npm run start   # run the production build
npm run lint    # lint the project

Project Structure

src/
  app/                # routes (App Router)
    about/             # About Me page
    projects/          # Projects listing page
    d3-leaderboard/    # Diablo 3 leaderboard app
  components/          # shared UI components
    D3Components/       # components specific to the leaderboard
  data/                # project data (JSON)
  modules/             # API helpers for the Blizzard leaderboard

Contact

• Email: samn10.nelson@gmail.com
• GitHub: github.com/Reid910
• LinkedIn: linkedin.com/in/samuel-nelson-0a4694188