How justdanyuen/portfolio works
This is a personal portfolio site for an audio and software engineer. Visitors encounter a landing page, then explore biography and education, project work, and a résumé, with shared navigation and contact links. The project page presents the SV2 audio visualizer, its features, media, and thesis PDF; the résumé page previews and links to a downloadable PDF. The map covers these documented and sampled capabilities. Source excerpts show component usage and asset-path handling; unsampled page details and runtime routing are not expanded.
Main entry points: layout.tsx Site layout · about/page.tsx About page · projects/page.tsx Project showcase · resume/page.tsx Résumé page
Components 16
Shared site UI
- Site layout
app/layout.tsx - Navigation
components/Nav.tsx - Contact footer
components/Footer.tsx - Intro hero
components/HeroText.tsx - Accent blocks
components/AccentBlock.tsx - Photo carousel
components/PhotoCarousel.tsx - Asset path helper
lib/basePath.ts
Portfolio pages
- Home page
app/page.tsx - About page
app/about/page.tsx - Project showcase
app/projects/page.tsx - Résumé page
app/resume/page.tsx
Portfolio media
- Portfolio images
public/images - Résumé PDF
public/resume.pdf - Thesis PDF
public/SV2ThesisPaper.pdf - Project videos
public/videos
Other components
- Site visitor
Connections 20
- Site visitor → Site layout: visits
- Site layout → Navigation: renders
app/layout.tsx - Site layout → Contact footer: renders
app/layout.tsx - Site layout → Home page: displays route
- Site layout → About page: displays route
- Site layout → Project showcase: displays route
- Site layout → Résumé page: displays route
- Home page → Intro hero: renders
app/page.tsx - Intro hero → Asset path helper: formats asset path
components/HeroText.tsx - About page → Accent blocks: renders
app/about/page.tsx - About page → Asset path helper: formats asset paths
app/about/page.tsx - About page → Portfolio images: loads images
app/about/page.tsx - About page → Photo carousel: imports carousel
app/about/page.tsx - Project showcase → Asset path helper: formats asset paths
app/projects/page.tsx - Project showcase → Portfolio images: loads images
app/projects/page.tsx - Project showcase → Project videos: loads video
app/projects/page.tsx - Project showcase → Thesis PDF: links thesis PDF
app/projects/page.tsx - Résumé page → Asset path helper: formats asset paths
app/resume/page.tsx - Résumé page → Portfolio images: loads preview image
app/resume/page.tsx - Résumé page → Résumé PDF: links résumé PDF
app/resume/page.tsx