How tharunsai01/tharun-portfolio works
This is a single-page cybersecurity portfolio. Visitors enter through the home page, navigate its profile and work sections, and can follow contact links or view/download the resume. The page also presents skills, certifications, and leadership experience as separate portfolio stages. The sampled page and layout establish composition and shared wrappers; the README documents the major sections, while several section implementations were not sampled, so their internal behavior and extra wiring are omitted.
Main entry points: page.tsx Home Page · Navbar.tsx Navigation · layout.tsx Root Layout · Hero.tsx Hero Profile
Components 19
Page Shell
- Root Layout
src/app/layout.tsx - Home Page
src/app/page.tsx
Portfolio Sections
- Hero Profile
src/components/sections/Hero.tsx - About
src/components/sections/About.tsx - Skills
src/components/sections/Skills.tsx - Projects
src/components/sections/Projects.tsx - Certifications
src/components/sections/Certificates.tsx - Leadership
src/components/sections/Leadership.tsx - Contact
src/components/sections/Contact.tsx - Resume PDF
public/resume.pdf
Shared Presentation
- Navigation
src/components/Navbar.tsx - Footer
src/components/Footer.tsx - Page Wrapper
src/components/PageWrapper.tsx - Smooth Scrolling
src/components/SmoothScrolling.tsx - Custom Cursor
src/components/CustomCursor.tsx - Particle Background
src/components/ParticleNetworkBackground.tsx - Preloader
src/components/Preloader.tsx
Other components
- Visitor
- External Profile Links
Connections 27
- Visitor → Root Layout: opens site
- Root Layout → Smooth Scrolling: wraps content
- Root Layout → Custom Cursor: renders
- Root Layout → Page Wrapper: wraps children
- Page Wrapper → Home Page: renders page
- Home Page → Navigation: renders
- Home Page → Particle Background: renders
- Home Page → Hero Profile: renders
- Home Page → About: renders
- Home Page → Skills: renders
- Home Page → Projects: renders
- Home Page → Certifications: renders
- Home Page → Leadership: renders
- Home Page → Contact: renders
- Home Page → Footer: renders
- Navigation → Hero Profile: anchors to
- Navigation → About: anchors to
- Navigation → Skills: anchors to
- Navigation → Projects: anchors to
- Navigation → Certifications: anchors to
- Navigation → Leadership: anchors to
- Navigation → Contact: anchors to
- Navigation → Resume PDF: links to
- Hero Profile → External Profile Links: links to profiles
- Contact → External Profile Links: offers contact links
- Visitor → Projects: views work
- Visitor → Certifications: views credentials