How matteogradinaru/portfolio-website works
This is a Next.js personal portfolio: visitors navigate profile and project pages, inspect project details and interactive topology diagrams, and reach the owner through contact links. The graph preserves the documented routing, wireless, software-development, and IoT showcases, plus shared theme behavior. Some project pages and explorers are represented from the tree and README; their internal wiring is not inferred where source excerpts were unavailable.
Main entry points: layout.tsx Site Shell · projects/page.tsx Project List · WirelessExplorer.tsx Wireless Explorer · contact/page.tsx Contact Page
Components 19
Portfolio Site
- Site Shell
front-end/src/app/layout.tsx - Home Page
front-end/src/app/page.tsx - About Page
front-end/src/app/about/page.tsx - Project List
front-end/src/app/projects/page.tsx - Contact Page
front-end/src/app/contact/page.tsx
Project Showcases
- Routing Showcase
front-end/src/app/projects/advanced-enterprise-routing/page.tsx - Wireless Showcase
front-end/src/app/projects/secure-enterprise-wireless/page.tsx - Event Showcase
front-end/src/app/projects/ku-leuven-event-registration/page.tsx - Firetruck Showcase
front-end/src/app/projects/autonomous-smart-firetruck/page.tsx
Interactive Topologies
- Network Explorer
front-end/src/components/ui/NetworkExplorer.tsx - Network Topology Data
front-end/src/lib/data/networkTopology.ts - Wireless Explorer
front-end/src/components/ui/WirelessExplorer.tsx - Wireless Topology Data
front-end/src/lib/data/wirelessTopology.ts - Firetruck Explorer
front-end/src/components/ui/FiretruckExplorer.tsx - Pan Zoom Hook
front-end/src/lib/hooks/useSvgPanZoom.ts
Shared UI
- Theme Provider
front-end/src/components/ThemeProvider.tsx - Theme Toggle
front-end/src/components/ThemeToggle.tsx
Other components
- Visitor
- Email Client
Connections 17
- Visitor → Site Shell: opens site
- Site Shell → Home Page: renders route
- Site Shell → About Page: renders route
- Site Shell → Project List: renders route
- Site Shell → Contact Page: renders route
- Site Shell → Theme Provider: wraps content
- Site Shell → Theme Toggle: renders control
- Project List → Routing Showcase: links project
- Project List → Wireless Showcase: links project
- Project List → Event Showcase: links project
- Project List → Firetruck Showcase: links project
- Wireless Showcase → Wireless Explorer: renders explorer
- Wireless Explorer → Wireless Topology Data: reads topology
- Wireless Explorer → Pan Zoom Hook: uses controls
- Firetruck Showcase → Firetruck Explorer: renders explorer
- Theme Toggle → Theme Provider: sets theme
- Contact Page → Email Client: opens mail link