How thesyedfaaiz/syedfaaiz-se works
This is a personal portfolio and engineering case-study site. Visitors browse the profile and project catalog, then open project-specific case studies with capability details and interactive architecture diagrams. The main internal layers are shared project/content data and reusable case-study presentation components. The source index and excerpts support the main rendering and case-study relationships; unsampled details and external integrations are not inferred.
Main entry points: App.tsx Portfolio app · ProjectCaseStudy.tsx Case study dispatch · DetailedCaseStudy.tsx Case study layout · Projects.tsx Projects section
Components 22
Site experience
- Portfolio app
src/App.tsx - Navigation
src/components/Navigation.tsx - AI workflows
src/components/AIWorkflows.tsx - System scene
src/components/SystemScene.tsx - Public footer
src/components/PublicFooter.tsx
Project stories
- Projects section
src/components/Projects.tsx - Case study catalog
src/components/AllCaseStudies.tsx - Case study dispatch
src/components/ProjectCaseStudy.tsx - Project card
src/components/ProjectCard.tsx - Case study layout
src/components/DetailedCaseStudy.tsx - Architecture diagrams
src/components/ArchitectureDiagram.tsx - Adal AI study
src/components/AdalAICaseStudy.tsx - Identity study
src/components/IdPCaseStudy.tsx - MiniRipple study
src/components/MiniRippleCaseStudy.tsx - Mortgage CRM study
src/components/MortgageCRMCaseStudy.tsx - Zaffixx study
src/components/ZaffixxCaseStudy.tsx
Portfolio content
- Project catalog data
src/data/projects.ts - Profile content
src/data/content.ts
Search presentation
- Route metadata
src/seo/RouteMetadata.tsx - SEO site data
src/seo/site.ts - SEO prerender
seo/prerender.ts
Other components
- Visitor
Connections 28
- Visitor → Portfolio app: opens site
- Portfolio app → Navigation: renders
src/App.tsx - Portfolio app → AI workflows: renders
src/App.tsx - Portfolio app → System scene: renders
src/App.tsx - Portfolio app → Public footer: renders
src/App.tsx - Portfolio app → Projects section: renders
src/App.tsx - Projects section → Project card: renders
src/components/Projects.tsx - Projects section → Project catalog data: reads catalog
src/components/Projects.tsx - Portfolio app → Case study catalog: routes to
src/App.tsx - Case study catalog → Project card: renders
src/components/AllCaseStudies.tsx - Case study catalog → Project catalog data: reads catalog
src/components/AllCaseStudies.tsx - Portfolio app → Case study dispatch: dispatches studies
src/App.tsx - Case study dispatch → Adal AI study: dispatches
src/components/ProjectCaseStudy.tsx - Case study dispatch → Identity study: dispatches
src/components/ProjectCaseStudy.tsx - Case study dispatch → MiniRipple study: dispatches
src/components/ProjectCaseStudy.tsx - Case study dispatch → Mortgage CRM study: dispatches
src/components/ProjectCaseStudy.tsx - Case study dispatch → Zaffixx study: dispatches
src/components/ProjectCaseStudy.tsx - Adal AI study → Case study layout: uses layout
src/components/AdalAICaseStudy.tsx - Identity study → Case study layout: uses layout
src/components/IdPCaseStudy.tsx - MiniRipple study → Case study layout: uses layout
src/components/MiniRippleCaseStudy.tsx - Mortgage CRM study → Case study layout: uses layout
src/components/MortgageCRMCaseStudy.tsx - Zaffixx study → Case study layout: uses layout
src/components/ZaffixxCaseStudy.tsx - Case study layout → Architecture diagrams: renders diagram
src/components/DetailedCaseStudy.tsx - Portfolio app → Route metadata: renders
src/App.tsx - Route metadata → SEO site data: uses SEO data
src/seo/RouteMetadata.tsx - SEO site data → Project catalog data: reads catalog
src/seo/site.ts - SEO site data → Profile content: reads profile
src/seo/site.ts - Route metadata → SEO prerender: uses page model
src/seo/RouteMetadata.tsx