How yasykurkhalis/portfolio works
This is a personal portfolio website. A visitor lands on the home page, views the presentation content, and opens project routes for individual project details sourced from MDX content. The site layout, shared UI primitives, global styling, and browser animations support that experience. Several page implementations were not sampled, so only relationships directly supported by the tree or shown source are drawn; no deployment or build machinery is included.
Components 14
Presentation
- Home Page
src/pages/index.astro - Site Layout
src/layouts/Layout.astro - Welcome Component
src/components/Welcome.astro
Project Content
- Project Routes
src/pages/projects/[...slug].astro - Project Collection
src/content.config.ts - Network IDs Project
src/content/projects/network-ids.mdx
Shared Interface
- Button Primitive
src/components/ui/button.tsx - Card Primitive
src/components/ui/card.tsx - Badge Primitive
src/components/ui/badge.tsx - Class Utilities
src/lib/utils.ts - Global Styles
src/styles/global.css
Browser Interaction
- Hero Animation
src/scripts/hero-animation.ts - Scroll Animation
src/scripts/hero-animation.ts
Other components
- Portfolio Visitor
Connections 8
- Portfolio Visitor → Home Page: views
- Portfolio Visitor → Project Routes: opens
- Project Collection → Network IDs Project: loads
- Hero Animation → Home Page: animates
- Scroll Animation → Home Page: fades
- Class Utilities → Button Primitive: styles
- Class Utilities → Card Primitive: styles
- Class Utilities → Badge Primitive: styles