How vitouwu/website works
This is a bilingual personal portfolio site. A visitor requesting the root path gets locale context from the server, then is redirected to the matching English or Portuguese page; a localized route validates the locale and renders the portfolio with translated copy and São Paulo time/date. The portfolio presents selected work, biography, current activities, and contact/social links. The root route also supplies page metadata and loads Google Tag Manager. Relationships reflect the sampled routes and components; unsampled section implementations are represented only by their tree-supported paths.
Main entry points: Portfolio.tsx Portfolio composition · $locale.tsx Localized page · routeTree.gen.ts Route tree · index.tsx Root redirect
Components 18
Routing and shell
- Router setup
src/router.tsx - Route tree
src/routeTree.gen.ts - Root route
src/routes/__root.tsx - Root redirect
src/routes/index.tsx - Localized page
src/routes/$locale.tsx
Visitor context
- Visitor context
src/lib/visitor.ts - Locale and copy
src/lib/i18n.ts
Portfolio content
- Portfolio composition
src/components/Portfolio.tsx - Hero and navigation
src/components/portfolio/Hero.tsx - Selected work
src/components/portfolio/SelectedWork.tsx - About section
src/components/portfolio/About.tsx - Now section
src/components/portfolio/Now.tsx - Social footer
src/components/portfolio/Footer.tsx
External services
- Google Tag Manager
Other components
- Site visitor
- Project websites
- Email contact
- Social platforms
Connections 22
- Site visitor → Router setup: requests page
- Router setup → Route tree: uses routes
- Route tree → Root route: dispatches
- Route tree → Root redirect: dispatches
- Route tree → Localized page: dispatches
- Root route → Visitor context: loads context
- Root redirect → Visitor context: gets locale
- Root redirect → Locale and copy: maps locale
- Root redirect → Localized page: redirects
- Localized page → Locale and copy: validates locale
- Localized page → Root route: reads loader data
- Localized page → Portfolio composition: renders
- Portfolio composition → Locale and copy: gets translations
- Portfolio composition → Hero and navigation: renders
- Portfolio composition → Selected work: renders
- Portfolio composition → About section: renders
- Portfolio composition → Now section: renders
- Portfolio composition → Social footer: renders
- Root route → Google Tag Manager: loads script
- Selected work → Project websites: links to
- Hero and navigation → Email contact: links to
- Social footer → Social platforms: links to