How prathamesh-265/portfolio3 works
This is a single-page personal portfolio: a visitor opens the home page, views the animated introduction and career/skills/work content, then reaches contact links. The page component composes the sections and shared UI; the root layout supplies document styling and metadata. The README documents the hero image sequence and the portfolio’s major sections. Some component implementations were not sampled, so their internal behavior and additional wiring are not inferred.
Main entry points: page.tsx Home page · ContactSection.tsx Contact · AboutSection.tsx About and hero · Reveal.tsx Reveal animation
Components 19
Page composition
- Root layout
src/app/layout.tsx - Home page
src/app/page.tsx - Global styles
src/app/globals.css
Portfolio content
- About and hero
src/components/AboutSection.tsx - Hero frames
public/sequence/ezgif-10030f8d536e2c5a-png-split - Skills
src/components/SkillsSection.tsx - Technology icons
src/components/icons/TechIcons.tsx - Selected work
src/components/WorkSection.tsx - Experience
src/components/ExperienceSection.tsx - Contact
src/components/ContactSection.tsx
Navigation and effects
- Navigation
src/components/Navigation.tsx - Background effects
src/components/BackgroundEffects.tsx - Custom cursor
src/components/CinematicCursor.tsx - Theme initialization
src/components/ThemeInit.tsx - Back to top
src/components/BackToTop.tsx
Reusable visuals
- Reveal animation
src/components/motion/Reveal.tsx
Other components
- Visitor
- Email recipient
- Social profiles
Connections 21
- Visitor → Home page: opens
README.md - Home page → Root layout: renders within
src/app/page.tsx - Root layout → Global styles: loads styles
src/app/layout.tsx - Home page → Navigation: renders
src/app/page.tsx - Home page → About and hero: renders
src/app/page.tsx - Home page → Skills: renders
src/app/page.tsx - Home page → Selected work: renders
src/app/page.tsx - Home page → Experience: renders
src/app/page.tsx - Home page → Contact: renders
src/app/page.tsx - Home page → Background effects: renders
src/app/page.tsx - Home page → Custom cursor: renders
src/app/page.tsx - Home page → Theme initialization: renders
src/app/page.tsx - Home page → Back to top: renders
src/app/page.tsx - About and hero → Hero frames: uses frames
README.md - Skills → Technology icons: renders icons
src/components/SkillsSection.tsx - Selected work → Reveal animation: uses
src/components/WorkSection.tsx - Experience → Reveal animation: uses
src/components/ExperienceSection.tsx - Contact → Reveal animation: uses
src/components/ContactSection.tsx - Navigation → About and hero: navigates sections
README.md - Contact → Email recipient: links to
src/components/ContactSection.tsx - Contact → Social profiles: links to
src/components/ContactSection.tsx