How florianbouchart/portfolio works
This is a bilingual personal portfolio site that complements, rather than downloads or duplicates, the author’s CV. A visitor enters through the home page or shared navigation, then explores case studies, projects, education, credentials, recommendations, profile, and contact information. React Router in src/App.tsx selects the page; internal links use the transition layer. Editorial content is kept in typed TypeScript data files. The README documents several page capabilities whose implementation was not sampled, so those branches are shown at the documented page and content-directory level.
Main entry points: App.tsx App and routes · Home.tsx Home · Education.tsx Education · transition.tsx Page transitions
Components 24
Routing and shell
- App and routes
src/App.tsx - Navigation
src/components/Nav.tsx - Page transitions
src/lib/transition.tsx
Portfolio pages
- Home
src/pages/Home.tsx - Case studies
src/pages/Realisations.tsx - Projects
src/pages/Projets.tsx - Education
src/sections/Education.tsx - Certifications
src/sections/Certifications.tsx - Recommendations
src/pages/Recommandations.tsx - Profile
src/sections/Profil.tsx - Contact and FAQ
src/sections/Contact.tsx - Not found
src/pages/NotFound.tsx
Editorial content
- Profile content
src/content/profile.ts - Project content
src/content/projects.ts - Case study content
src/content/cases.ts - Course content
src/content/education.ts - Certification content
src/content/certifications.ts - Recommendation content
src/content/recommendations.ts - FAQ content
src/content/faq.ts
Interaction and motion
- Locale provider
src/lib/i18n.tsx - Motion utilities
src/lib/motion.ts - Preloader
src/components/Preloader.tsx - Hero canvas
src/components/HeroCanvas.tsx
Other components
- Visitor
Connections 28
- Visitor → App and routes: opens site
- App and routes → Navigation: renders shell
- App and routes → Page transitions: provides transitions
- App and routes → Home: routes to
- App and routes → Case studies: routes to
- App and routes → Projects: routes to
- App and routes → Education: routes to
- App and routes → Certifications: routes to
- App and routes → Recommendations: routes to
- App and routes → Profile: routes to
- App and routes → Contact and FAQ: routes to
- App and routes → Not found: fallback route
- Navigation → Page transitions: links through
- Page transitions → App and routes: navigates routes
- Home → Profile content: reads
- Home → Project content: reads
- Case studies → Case study content: presents cases
- Projects → Project content: presents projects
- Education → Course content: searches and filters
- Certifications → Certification content: displays credentials
- Recommendations → Recommendation content: presents references
- Contact and FAQ → FAQ content: presents FAQ
- App and routes → Locale provider: wraps application
- Home → Motion utilities: uses animations
- Education → Motion utilities: uses reveals
- App and routes → Preloader: renders at startup
- Home → Hero canvas: renders hero scene
- Hero canvas → Motion utilities: checks motion preferences