How ivanmercado0998/v0-portfolio-website works
This is a personal engineering portfolio website: visitors browse the home page’s profile, skills, projects, NAVICOM feature, and contact section, or open the separate companies-and-experience page. The contact form submits messages to FormSubmit. The map follows the sampled route composition and contact submission; project filtering and media presentation are visible in the excerpt, but unsampled component wiring and deployment details are not expanded.
Main entry points: page.tsx Home route · layout.tsx Site layout · projects.tsx Project showcase · contact.tsx Contact form
Components 14
Routes and shell
- Site layout
app/layout.tsx - Home route
app/page.tsx - Companies route
app/companies/page.tsx - Vercel Analytics
Portfolio content
- Navigation
components/navbar.tsx - Profile hero
components/hero.tsx - Skills showcase
components/skills.tsx - Project showcase
components/projects.tsx - NAVICOM feature
components/navicom.tsx - Footer links
components/footer.tsx - Project media
public
Visitor interactions
- Contact form
components/contact.tsx - FormSubmit
Other components
- Visitor
Connections 13
- Visitor → Site layout: opens site
- Site layout → Home route: renders route
- Site layout → Vercel Analytics: renders analytics
- Visitor → Companies route: opens route
- Home route → Navigation: renders
- Home route → Profile hero: renders
- Home route → Skills showcase: renders
- Home route → Project showcase: renders
- Home route → NAVICOM feature: renders
- Home route → Contact form: renders
- Home route → Footer links: renders
- Project showcase → Project media: loads media
- Contact form → FormSubmit: submits message