How prasad0876/varaprasad-portfoli works
This is a personal developer portfolio site. Visitors enter through the TanStack Start server and router, then browse a single portfolio page covering the introduction, skills, projects, credentials, and contact form; project links and resume download provide outward actions. The sampled page shows form submission handling but not its delivery target, so no contact service is inferred. UI primitives support the page, while root/server error handling forms a separate operational layer. README content is absent and several source files are unsampled, so links are limited to evidenced wiring.
Main entry points: Portfolio.tsx Portfolio page · server.ts SSR server · utils.ts Style utilities · router.tsx Router setup
Components 21
App runtime
- SSR server
src/server.ts - Router setup
src/router.tsx - Route tree
src/routeTree.gen.ts - Root route
src/routes/__root.tsx - Home route
src/routes/index.tsx
Portfolio experience
- Portfolio page
src/components/portfolio/Portfolio.tsx - Introduction
src/components/portfolio/Portfolio.tsx - Skills
src/components/portfolio/Portfolio.tsx - Projects
src/components/portfolio/Portfolio.tsx - Credentials
src/components/portfolio/Portfolio.tsx - Contact form
src/components/portfolio/Portfolio.tsx
UI primitives
- UI controls
src/components/ui/button.tsx - Cards and badges
src/components/ui/card.tsx - Form fields
src/components/ui/input.tsx - Style utilities
src/lib/utils.ts
Error handling
- Root error boundary
src/routes/__root.tsx - Lovable reporting
src/lib/lovable-error-reporting.ts - Server error capture
src/lib/error-capture.ts - Error response page
src/lib/error-page.ts
Other components
- Visitor
- Project destinations
Connections 22
- Visitor → SSR server: requests page
- SSR server → Router setup: dispatches SSR
- Router setup → Route tree: uses routes
- Route tree → Root route: routes through
- Root route → Home route: renders outlet
- Home route → Portfolio page: renders page
- Portfolio page → Introduction: renders section
- Portfolio page → Skills: renders section
- Portfolio page → Projects: renders section
- Portfolio page → Credentials: renders section
- Portfolio page → Contact form: renders form
- Portfolio page → UI controls: uses controls
- Portfolio page → Cards and badges: uses cards
- Portfolio page → Form fields: uses fields
- UI controls → Style utilities: combines classes
- Cards and badges → Style utilities: combines classes
- Form fields → Style utilities: combines classes
- Visitor → Project destinations: opens links
- Projects → Project destinations: links to demos
- Root error boundary → Lovable reporting: reports errors
- SSR server → Server error capture: consumes captured error
- SSR server → Error response page: renders failure page