How subhamsourabh265/my_portfolio_ng works
This is a personal portfolio site. A visitor enters through the Angular app shell, which routes the home page to the portfolio; the portfolio presents profile, work, about, experience, and contact content. The work section filters typed project data and renders matching project cards. The README also documents server rendering, incremental hydration, and a downloadable resume. Component composition and data flow are supported by the README and sampled TypeScript; unsampled templates limit certainty about specific links and interactions.
Main entry points: portfolio.component.ts Portfolio page · app.component.ts App shell · work.component.ts Work section · main.server.ts Server bootstrap
Components 21
Application
- App shell
src/app/app.component.ts - Route config
src/app/app.routes.ts - Site header
src/app/site-header/site-header.component.ts - Site footer
src/app/site-footer/site-footer.component.ts
Portfolio content
- Portfolio page
src/app/portfolio/portfolio.component.ts - Hero section
src/app/hero/hero.component.ts - About section
src/app/about/about.component.ts - Experience section
src/app/experience/experience.component.ts - Contact section
src/app/contact/contact.component.ts - Profile data
src/app/data/profile.ts - Resume PDF
src/assets/Subham_Sourabh_Lead_Angular_Resume_V3.pdf
Work showcase
- Work section
src/app/work/work.component.ts - Project data
src/app/data/projects.ts - Project card
src/app/project-card/project-card.component.ts
Rendering
- Browser
- Client bootstrap
src/main.ts - SSR server
server.ts - Server bootstrap
src/main.server.ts - App config
src/app/app.config.ts - Server config
src/app/app.config.server.ts
Other components
- Visitor
Connections 22
- Visitor → Browser: visits
- Browser → App shell: loads app
- Client bootstrap → App shell: bootstraps
- App shell → Route config: renders outlet
- Route config → Portfolio page: lazy loads
- App shell → Site header: renders
- App shell → Site footer: renders
- Portfolio page → Hero section: renders
- Portfolio page → Work section: renders
- Portfolio page → About section: renders
- Portfolio page → Experience section: renders
- Portfolio page → Contact section: renders
- Portfolio page → Profile data: reads
- Work section → Project data: filters
- Work section → Project card: renders matches
- Browser → SSR server: requests page
- SSR server → Server bootstrap: renders with
- Server bootstrap → App shell: bootstraps
- Server bootstrap → Server config: uses
- Server config → App config: merges
- Client bootstrap → App config: uses
- App config → Route config: provides router