How fmcambim/changelog works
This is a personal portfolio site. Visitors enter through the React Router route, then use the shared layout to open Projects, About, or Tech Stack panels; project selection reveals previews and links, while the About panel exposes career details and a CV. The layout also coordinates decorative Three.js backgrounds and panel effects. The README documents the sections, and sampled source confirms routing, project data/rendering, and visual components; unsampled page content is represented only where documented.
Main entry points: Layout.tsx Portfolio layout · router.tsx Route map · ProjectsPanel.tsx Projects panel · main.tsx React entry
Components 18
App shell
- React entry
src/main.tsx - App router host
src/App.tsx - Route map
src/router.tsx - Portfolio layout
src/components/Layout.tsx
Portfolio content
- Home page
src/pages/Home.tsx - Error page
src/pages/ErrorPage.tsx - Projects panel
src/components/ProjectsPanel.tsx - Project records
src/data/projects.ts - Content types
src/types/index.ts - About section
src/components/Layout.tsx - CV document
public/cv.pdf - Tech Stack section
src/components/Layout.tsx - Technology categories
src/data/techStack.ts
Visual effects
- Animated background
src/components/ThreeBackground.tsx - Panel mesh
src/components/PanelCanvas.tsx
Other components
- Visitor
- Browser
- Linked project sites
Connections 17
- Visitor → Browser: visits
- Browser → React entry: loads
- React entry → App router host: renders
- App router host → Route map: provides router
- Route map → Portfolio layout: selects route
- Route map → Home page: renders index
- Route map → Error page: renders on error
- Portfolio layout → Projects panel: opens Projects
- Portfolio layout → About section: shows About
- Portfolio layout → Tech Stack section: shows Tech Stack
- Portfolio layout → Animated background: renders
- Portfolio layout → Panel mesh: renders when active
- Projects panel → Project records: reads
- Projects panel → Content types: uses types
- Tech Stack section → Technology categories: reads
- About section → CV document: links to
- Projects panel → Linked project sites: links to