How nathanaelraverdy-sketch/projetportefolio3 works
Ville des projets is a portfolio presented as an interactive, pre-rendered city, with a separate admin for managing project content. The visitor journey runs from the animated landing page to the map, project markers and cards, then project detail and its tools; the navigation also exposes the About globe, while the time control changes the city’s lighting. Admins edit projects, media and tools and can save or publish changes. The README documents Blender city generation; the sampled source supports the main rendering and admin relationships, but not every UI-to-module connection.
Main entry points: build.py City renderer · main.js Project map · admin.js Admin interface · accueil.js Landing page
Components 20
Visitor experience
- Landing page
src/accueil.js - 3D screens
src/ecrans.js - About globe
src/globe.js - Project map
src/main.js - Project cards
src/main.js - Project detail
src/detail.js
Portfolio content
- Landing content
src/accueil.json - Rendered city
public/city - Building positions
public/city/emplacements.json - Projects
src/projets.js - Project tools
src/outils.json - Uploaded media
public/medias
Content administration
- Admin interface
src/admin/admin.js - Admin service
vite.config.js
City generation
- City renderer
tools/build.py - Building models
tools/batiments.py - Road network
tools/roads.py - Geometry accumulator
tools/geo.py - Render materials
tools/mats.py
Other components
- Visitor
Connections 25
- Visitor → Landing page: opens
- Landing page → Landing content: reads
- Landing page → 3D screens: loads
- Landing page → Project map: opens map
- Visitor → Project map: explores
- Project map → Rendered city: displays
- Project map → Building positions: positions markers
- Project map → Projects: reads projects
- Project map → Project cards: opens card
- Project cards → Project detail: opens detail
- Project detail → Project tools: reads tools
- Visitor → About globe: visits About
- Visitor → Admin interface: manages content
- Admin interface → Projects: edits projects
- Admin interface → Project tools: edits tools
- Admin interface → Admin service: requests save
- Admin service → Projects: writes projects
- Admin interface → Admin service: uploads media
- Admin service → Uploaded media: writes uploads
- City renderer → Building models: executes
- City renderer → Road network: uses network
- City renderer → Geometry accumulator: accumulates geometry
- City renderer → Render materials: uses materials
- City renderer → Rendered city: renders images
- City renderer → Building positions: exports positions