dhaneshvar/dhaneshvar-professional-portfolio

Purpose and Runtime

This repository is a single-page personal portfolio presented as an AI/mission-control interface. It is a TypeScript React frontend built and served with Vite; no backend, API client, database, or CMS implementation is present. Static deployment support appears in public/_redirects, with global styling in src/index.css and src/App.css.

Bootstrap and Application Shell

src/main.tsx mounts the React application. src/App.tsx is the top-level composition point for site-wide layout, navigation, page selection/routing, visual effects, and analytics. src/pages/Index.tsx represents the primary portfolio view, while src/pages/NotFound.tsx provides the custom fallback/error view.

Portfolio Chapter System

The portfolio is organized as independently rendered “chapters,” allowing each content domain to retain its own visual presentation:

• Landing/contact-oriented control surface: src/components/chapters/CommandCenter.tsx, src/components/chapters/MissionControl.tsx

• Career and technical profile: src/components/chapters/CareerTimeline.tsx, src/components/chapters/WorkExperience.tsx, src/components/chapters/SkillsRadar.tsx

• Portfolio and public presence: src/components/chapters/ProjectsVault.tsx, src/components/chapters/NetworkHub.tsx, src/components/chapters/TechInsights.tsx

• Personal credentials and interests: src/components/chapters/AchievementsArmory.tsx, src/components/chapters/CertificationsVault.tsx, src/components/chapters/PersonalityQuadrant.tsx

These components are the primary content boundary; portfolio data is likely embedded in presentation components rather than sourced from an external content service.

Navigation and Interaction Flow

User navigation begins in the app shell and uses reusable link behavior from src/components/NavLink.tsx. Navigation selects or scrolls users through chapter sections; effects provide progress feedback and return navigation through src/components/effects/ChapterProgress.tsx and src/components/effects/ScrollToTop.tsx. The command-center submodule supplies localized dashboard-style information via src/components/chapters/command-center/CornerStats.tsx.

Visual Experience Layer

The site’s game/system aesthetic is implemented as opt-in visual and lifecycle overlays around content: src/components/effects/LoadingScreen.tsx, src/components/effects/MatrixRain.tsx, src/components/effects/ParticleField.tsx, src/components/effects/CustomCursor.tsx, and src/components/effects/AchievementNotification.tsx. This layer should remain separate from chapter content so animation or accessibility changes do not alter portfolio information architecture.

Shared UI Foundation

src/components/ui/ is a broad reusable component library for controls, overlays, layout, feedback, charts, and form primitives. Architectural shared pieces include src/components/ui/button.tsx, src/components/ui/card.tsx, src/components/ui/dialog.tsx, and src/components/ui/sonner.tsx. Shared class composition resides in src/lib/utils.ts; mobile-specific behavior is isolated in src/hooks/use-mobile.tsx.

External Services and Delivery Boundaries

Google Analytics integration is isolated at src/components/analytics/GoogleAnalytics.tsx, creating the only explicit third-party service boundary in the tree. The application is otherwise client-rendered and static. Build/runtime infrastructure is Vite (vite.config.ts), Tailwind CSS (tailwind.config.ts), and package-managed React dependencies (package.json); deployment redirects are handled by public/_redirects.