How venkateshbatikeri7/portfolio works
This repository is a React single-page engineering portfolio. A visitor enters through the app mount, sees an animated introduction, and navigates a single page of profile, experience, projects, skills, and contact content. The app also supplies navigation, theme, cursor, loading, and backdrop UI. Sampled code confirms the app composition and selected data dependencies; unsampled section implementations and backdrop wiring are not inferred.
Main entry points: App.jsx Page composition · Nav.jsx Navigation · profile.js Portfolio data · Hero.jsx Introduction
Components 18
App runtime
- React mount
src/main.jsx - Page composition
src/App.jsx
Portfolio content
- Introduction
src/components/sections/Hero.jsx - Manifesto
src/components/sections/Manifesto.jsx - About
src/components/sections/About.jsx - Experience
src/components/sections/Experience.jsx - Projects
src/components/sections/Projects.jsx - Skills
src/components/sections/Stack.jsx - Contact
src/components/sections/Contact.jsx
Visual interactions
- Navigation
src/components/Nav.jsx - Backdrop
src/components/Backdrop.jsx - Custom cursor
src/components/ui/Cursor.jsx - Preloader
src/components/ui/Preloader.jsx - Theme toggle
src/components/ui/ThemeToggle.jsx - Motion presets
src/lib/motion.js
Profile data
- Portfolio data
src/data/profile.js - Résumé PDF
src/assets/Venkatesh_BS_Resume.pdf
Other components
- Visitor
Connections 21
- Visitor → React mount: opens page
- React mount → Page composition: renders
- Page composition → Navigation: renders
- Page composition → Introduction: renders
- Page composition → Manifesto: renders
- Page composition → About: renders
- Page composition → Experience: renders
- Page composition → Projects: renders
- Page composition → Skills: renders
- Page composition → Contact: renders
- Page composition → Backdrop: renders
- Page composition → Custom cursor: renders
- Page composition → Preloader: renders
- Navigation → Theme toggle: renders
- Introduction → Portfolio data: reads
- Introduction → Motion presets: uses
- Navigation → Portfolio data: reads
- Navigation → Motion presets: uses
- Contact → Portfolio data: reads
- Contact → Résumé PDF: links
- Portfolio data → Résumé PDF: imports