How yashkappa/portfolio works
This is a static personal portfolio website. A visitor loads the portfolio pages, while scripts.js enhances the DOM with navigation, animated presentation, scrolling effects, download-popup behavior, and a custom cursor. The projects section additionally fetches the owner’s repositories and per-repository language data from GitHub, then renders repository cards and language summaries with pagination controls. The excerpts show client-side orchestration and error handling; page structure and styling are represented from the tree, while unsampled markup details remain uncertain.
Components 18
Presentation
- Home Page
index.html - Projects Page
projects.html - Site Styling
styles.css - Base Styling
Portfolio Content
- Profile Sections
index.html - Skills Section
index.html - Download Popup
index.html
Dynamic Projects
- Repository Loader
scripts.js - Language Loader
scripts.js - Repository View
projects.html - Language Summary
projects.html
Interaction Layer
- Menu Behavior
scripts.js - Text Animation
scripts.js - Reveal Effects
scripts.js - Cursor Effects
scripts.js - Scroll Progress
scripts.js
Other components
- Portfolio Visitor
- GitHub API
Connections 19
- Portfolio Visitor → Home Page: loads page
- Portfolio Visitor → Projects Page: opens projects
- Home Page → Profile Sections: renders content
- Home Page → Site Styling: uses styles
- Projects Page → Repository Loader: starts loading
- Repository Loader → GitHub API: fetches repositories
- Repository Loader → Repository View: renders repositories
- Repository Loader → Language Loader: loads languages
- Language Loader → GitHub API: fetches languages
- Language Loader → Language Summary: builds summary
- Repository View → Site Styling: uses styles
- Home Page → Menu Behavior: registers menu
- Home Page → Text Animation: animates text
- Home Page → Reveal Effects: observes sections
- Home Page → Cursor Effects: tracks pointer
- Home Page → Scroll Progress: tracks scrolling
- Home Page → Download Popup: opens popup
- Portfolio Visitor → Download Popup: requests download
- Base Styling → Home Page: styles page