How lab-dev-pranav/pf works
This is a React portfolio website presenting Pranav’s profile, skills, services, projects, and contact form. A visitor enters through the animated intro, navigates via the shared navbar, and reaches routed Home, Skills, Projects, or Contact pages. Pages render content from local data modules and interactive presentation components. The contact form submits visitor details to Web3Forms. The graph reflects sampled source; some Home section wiring and unsampled integrations are represented only where paths are supported.
Components 18
Application Shell
- App Router
src/App.jsx - Digital Intro
src/degitalintro.jsx - Site Navigation
src/includes/Navbar.jsx - Site Footer
src/includes/Footer.jsx
Portfolio Pages
- Home Page
src/pages/Home/Home.jsx - Skills Page
src/pages/Skills/Skills.jsx - Projects Page
src/pages/Projects/Projects.jsx - Contact Page
src/pages/Contact/Contact.jsx
Portfolio Content
- Profile Sections
src/pages/Home - Services Showcase
src/pages/Home/Services.jsx - Project Data
src/data/projects.js - Skill Data
src/data/skill.js
Interactive UI
- Project Gallery
src/pages/Projects/ProjectGallery.jsx - Technology Stack
src/pages/Skills/TechStack.jsx - Contact Form
src/pages/Contact/ContactForm.jsx - Scroll Stack
src/components/ScrollStack.jsx
Other components
- Portfolio Visitor
- Web3Forms Service
Connections 18
- Portfolio Visitor → App Router: visits
- App Router → Digital Intro: renders intro
- App Router → Site Navigation: renders navigation
- App Router → Site Footer: renders footer
- App Router → Home Page: routes home
- App Router → Skills Page: routes skills
- App Router → Projects Page: routes projects
- App Router → Contact Page: routes contact
- Site Navigation → App Router: navigates routes
- Home Page → Profile Sections: renders profile
- Home Page → Services Showcase: renders services
- Services Showcase → Scroll Stack: stacks cards
- Skills Page → Technology Stack: renders skills
- Technology Stack → Skill Data: reads skills
- Projects Page → Project Gallery: renders gallery
- Project Gallery → Project Data: reads projects
- Contact Page → Contact Form: renders form
- Contact Form → Web3Forms Service: submits message