How rajesh-k11/personal-portfolio-rk works
This is a React portfolio site for presenting Rajesh K’s profile, work, skills, services, experience, and community activity, with a contact form for visitor inquiries. The runtime begins at the React entry point and mounts App, which manages loading and theme state and composes the page sections; visitors then browse the portfolio, open project or gallery details, and can submit a message through EmailJS. The graph preserves the documented portfolio capabilities. Components not linked to other components have no edges where the excerpts show no direct relationship.
Main entry points: App.tsx App shell · Contact.tsx Contact form · main.tsx React entry · Header.tsx Navigation and theme
Components 17
Application shell
- React entry
src/main.tsx - App shell
src/App.tsx - Loading screen
src/components/LoadingScreen.tsx - Navigation and theme
src/components/Header.tsx - Custom cursor
src/components/CustomCursor.tsx - Scroll progress
src/components/ScrollProgress.tsx
Profile and career
- Hero introduction
src/components/Hero.tsx - About and awards
src/components/About.tsx - Experience timeline
src/components/Experience.tsx - Services
src/components/Services.tsx - Skills showcase
src/components/Skills.tsx - Craft ticker
src/components/CraftTicker.tsx
Work showcase
- Projects and details
src/components/Projects.tsx - Event gallery and lightbox
src/components/Gallery.tsx
Visitor interaction
- Contact form
src/components/Contact.tsx
Other components
- Portfolio visitor
- EmailJS service
Connections 20
- Portfolio visitor → React entry: opens site
README.md - React entry → App shell: mounts
src/main.tsx - App shell → Loading screen: shows while loading
src/App.tsx - App shell → Navigation and theme: renders
src/App.tsx - App shell → Custom cursor: renders
src/App.tsx - App shell → Scroll progress: renders
src/App.tsx - App shell → Hero introduction: renders
src/App.tsx - App shell → Craft ticker: renders
src/App.tsx - App shell → About and awards: renders
src/App.tsx - App shell → Experience timeline: renders
src/App.tsx - App shell → Services: renders
src/App.tsx - App shell → Skills showcase: renders
src/App.tsx - App shell → Projects and details: renders
src/App.tsx - App shell → Event gallery and lightbox: renders
src/App.tsx - App shell → Contact form: renders
src/App.tsx - Portfolio visitor → Navigation and theme: navigates
- Portfolio visitor → Projects and details: opens details
- Portfolio visitor → Event gallery and lightbox: opens lightbox
src/components/Gallery.tsx - Portfolio visitor → Contact form: submits inquiry
- Contact form → EmailJS service: sends form
src/components/Contact.tsx