How rasinduchandumina/rasindu-portfolio works
This repository is a personal portfolio site, not the shooting-practice application described in its README; that system appears as a project entry in the portfolio data. The main visitor flow is the home page, which composes profile, skills, project, education, experience, and contact sections. Visitors can open project case studies, while the contact form submits to Web3Forms. The graph reflects inspected imports and rendered components; it does not infer runtime behavior for unsampled modules.
Main entry points: page.tsx Home Page · Section.tsx Section Wrapper · SectionHeading.tsx Section Heading · Education.tsx Education Section
Components 22
Pages and Layout
- Home Page
app/page.tsx - Root Layout
app/layout.tsx - Global Styles
app/globals.css - Project Case Study
app/projects/[slug]/page.tsx
Portfolio Sections
- Navigation
components/Navbar.tsx - Hero Section
components/Hero.tsx - About Section
components/About.tsx - Skills Section
components/Skills.tsx - Projects Section
components/Projects.tsx - Education Section
components/Education.tsx - Experience Section
components/Experience.tsx - Footer
components/Footer.tsx - Section Wrapper
components/Section.tsx - Section Heading
components/SectionHeading.tsx
Portfolio Content
- Profile Data
data/profile.ts - Skills Data
data/skills.ts - Projects Data
data/projects.ts - Education Data
data/education.ts - Experience Data
data/experience.ts
Contact Flow
- Contact Section
components/Contact.tsx
Other components
- Site Visitor
- Web3Forms API
Connections 34
- Site Visitor → Home Page: opens
README.md - Home Page → Navigation: renders
app/page.tsx - Home Page → Hero Section: renders
app/page.tsx - Home Page → About Section: renders
app/page.tsx - Home Page → Skills Section: renders
app/page.tsx - Home Page → Projects Section: renders
app/page.tsx - Home Page → Education Section: renders
app/page.tsx - Home Page → Experience Section: renders
app/page.tsx - Home Page → Contact Section: renders
app/page.tsx - Home Page → Footer: renders
app/page.tsx - Root Layout → Global Styles: loads
app/layout.tsx - Site Visitor → Project Case Study: opens case study
- Project Case Study → Projects Data: looks up project
app/projects/[slug]/page.tsx - Project Case Study → Education Section: renders
app/projects/[slug]/page.tsx - Project Case Study → Experience Section: renders
app/projects/[slug]/page.tsx - Hero Section → Profile Data: reads
components/Hero.tsx - Footer → Profile Data: reads
components/Footer.tsx - Skills Section → Skills Data: reads
components/Skills.tsx - Projects Section → Projects Data: reads
components/Projects.tsx - Education Section → Education Data: reads
components/Education.tsx - Experience Section → Experience Data: reads
components/Experience.tsx - About Section → Section Wrapper: uses
components/About.tsx - About Section → Section Heading: uses
components/About.tsx - Skills Section → Section Wrapper: uses
components/Skills.tsx - Skills Section → Section Heading: uses
components/Skills.tsx - Projects Section → Section Wrapper: uses
components/Projects.tsx - Projects Section → Section Heading: uses
components/Projects.tsx - Education Section → Section Wrapper: uses
components/Education.tsx - Education Section → Section Heading: uses
components/Education.tsx - Experience Section → Section Wrapper: uses
components/Experience.tsx - Experience Section → Section Heading: uses
components/Experience.tsx - Contact Section → Section Wrapper: uses
components/Contact.tsx - Contact Section → Section Heading: uses
components/Contact.tsx - Contact Section → Web3Forms API: submits form
components/Contact.tsx