How nazililham11/web works
This is a Vue portfolio site for presenting a profile, resume, and project portfolio. The user navigates among those views; the profile also loads GitHub information and embeds GitHub statistics, while the footer fetches a visitor count. Resume and portfolio content come from local JSON data. The README only describes the generic Vue app setup, so the feature map is based on the sampled routes and components; the Label implementation was not sampled, so its localization wiring is not expanded.
Main entry points: router.js View Router · fetchers.js Remote Fetchers · App.vue App Shell · Profil.vue Profile View
Components 18
Application UI
- Vue Bootstrap
src/main.js - App Shell
src/App.vue - View Router
src/router.js - Navigation Header
src/components/Header.vue - Site Footer
src/components/Footer.vue - Profile View
src/view/Profil.vue - Resume View
src/view/Resume.vue - Portfolio View
src/view/Portofolio.vue
Portfolio Content
- Label Component
src/components/Label.vue - Profile Data
src/data/resume_id.json - Project Data
src/data/portofolio_id.json - Label Data
src/data/labels_id.json - Portfolio Utilities
src/utils/utils.js
External Data
- Remote Fetchers
src/utils/fetchers.js - GitHub API
- GitHub Stats Images
- Visitor Badge API
Other components
- Site Visitor
Connections 23
- Site Visitor → Vue Bootstrap: opens site
- Vue Bootstrap → App Shell: mounts app
- Vue Bootstrap → View Router: installs router
- App Shell → Navigation Header: renders
- App Shell → View Router: hosts view outlet
- App Shell → Site Footer: renders
- Navigation Header → View Router: navigates routes
- View Router → Profile View: dispatches route
- View Router → Resume View: dispatches route
- View Router → Portfolio View: dispatches route
- Profile View → Label Component: renders labels
- Resume View → Label Component: renders labels
- Portfolio View → Label Component: renders labels
- Site Footer → Label Component: renders labels
- Resume View → Profile Data: reads resume data
- Portfolio View → Project Data: reads projects
- Portfolio View → Portfolio Utilities: filters and formats
- Profile View → Portfolio Utilities: calculates age
- Profile View → Remote Fetchers: requests profile and image URLs
- Site Footer → Remote Fetchers: requests visitor count
- Remote Fetchers → GitHub API: fetches profile
- Remote Fetchers → GitHub Stats Images: provides image URLs
- Remote Fetchers → Visitor Badge API: fetches count