How xkintaro/kintarowwwards works
Kintarowwards is a multilingual personal-portfolio website. A visitor enters through a localized route, whose layout validates the locale, loads dictionary and portfolio content, and provides language, theme, and scrolling context to the page. The portfolio presents the hero and its profile, about, stack, project, roadmap, and contact areas; visitors can open contact or project details. The README also documents responsive design, animated interactions, smooth scrolling, and theme switching. Some section implementations and route composition were not sampled, so their internal wiring is left unspecified.
Main entry points: page.tsx Portfolio page · layout.tsx Localized layout · navbar.tsx Navigation · hero.tsx Hero section
Components 22
Routing and context
- Localized layout
app/[lang]/layout.tsx - Portfolio page
app/[lang]/page.tsx - Not found page
app/[lang]/not-found.tsx
Portfolio content
- Hero section
components/sections/hero.tsx - About section
components/sections/about.tsx - Technology stack
components/sections/stack.tsx - Projects section
components/sections/projects.tsx - Roadmap section
components/sections/roadmap.tsx - Contact section
components/sections/contact.tsx
Interface and interaction
- Navigation
components/layout/navbar.tsx - Smooth scrolling
providers/smooth-scroll-provider.tsx - Theme context
providers/theme-provider.tsx - Language switcher
components/widgets/language-switcher.tsx - Theme switcher
components/widgets/theme-switcher.tsx - Contact dialog
components/modals/contact-modal.tsx - Project details
components/modals/project-modal.tsx - Particle effect
components/effects/interactive-particles.tsx - Hanging profile
components/widgets/hanging-profile.tsx
Localized content
- Content loaders
lib/loaders.ts - Language context
providers/language-provider.tsx - Markdown rendering
lib/markdown.tsx
Other components
- Visitor
Connections 24
- Visitor → Localized layout: requests route
- Localized layout → Content loaders: loads locale data
- Localized layout → Language context: provides content
- Content loaders → Language context: returns data
- Language context → Markdown rendering: parses content
- Localized layout → Theme context: wraps application
- Localized layout → Smooth scrolling: wraps page
- Localized layout → Navigation: renders navigation
- Localized layout → Portfolio page: renders route
- Visitor → Portfolio page: views portfolio
- Navigation → Language switcher: renders control
- Navigation → Theme switcher: renders control
- Navigation → Smooth scrolling: controls scrolling
- Portfolio page → Hero section: renders section
- Portfolio page → About section: renders section
- Portfolio page → Technology stack: renders section
- Portfolio page → Projects section: renders section
- Portfolio page → Roadmap section: renders section
- Portfolio page → Contact section: renders section
- Hero section → Particle effect: renders effect
- Hero section → Contact dialog: opens dialog
- Projects section → Project details: shows details
- About section → Hanging profile: renders profile
- Visitor → Not found page: requests missing route