How rostomiii/webdevlab1 works
This repository is a React personal-portfolio website. A visitor enters through the home page, uses the shared navigation or home-page links to reach portfolio sections, and can view a résumé or submit the contact form. The contact form logs its captured data in the browser and returns to the home route; no message-delivery service is shown. The graph reflects the sampled routing and page components; the README is empty.
Main entry points: MainRouter.jsx Main Router · contact.jsx Contact Page · Layout.jsx Site Navigation · Home.jsx Home Page
Components 13
App and Routing
- React Entry
client/src/main.jsx - App
client/src/App.jsx - Main Router
client/MainRouter.jsx - Site Navigation
client/components/Layout.jsx
Portfolio Pages
- Home Page
client/components/Home.jsx - About Page
client/src/about.jsx - Education Page
client/src/education.jsx - Projects Page
client/src/project.jsx - Services Page
client/src/services.jsx - Résumé PDF
client/public/Rostomlamadrid.pdf
Contact Interaction
- Contact Page
client/src/contact.jsx
Other components
- Visitor
- Browser Console
Connections 17
- React Entry → App: renders
- App → Main Router: renders within router
- Main Router → Site Navigation: renders
- Main Router → Home Page: routes to
- Main Router → About Page: routes to
- Main Router → Education Page: routes to
- Main Router → Projects Page: routes to
- Main Router → Services Page: routes to
- Main Router → Contact Page: routes to
- Visitor → Site Navigation: uses navigation
- Site Navigation → Main Router: navigates routes
- Visitor → Home Page: views
- Home Page → Main Router: links to routes
- About Page → Résumé PDF: links to
- Visitor → Contact Page: submits form
- Contact Page → Browser Console: logs form data
- Contact Page → Main Router: navigates home