How cybertechguruji/portfolio works
This is a data-analyst portfolio website: visitors browse project case studies and dashboards, read articles, learn about the analyst, and make contact. The main content workflow loads Markdown and notebook files into listing or slug pages, which render case studies with interactive dashboard/notebook views. The graph also includes the portfolio’s biography, testimonials, résumé/certifications, contact, navigation, and theme capabilities. Some component implementations were only indexed or partially excerpted, so uncertain interactions are omitted.
Main entry points: markdown.ts Markdown content · app/page.tsx Home page · layout.tsx Site shell · [slug]/page.tsx Project detail
Components 26
Portfolio experience
- Site shell
src/app/layout.tsx - Home page
src/app/page.tsx - Navigation
src/components/navbar.tsx - Footer
src/components/footer.tsx - Theme controls
src/components/theme-toggle.tsx - Analytics console
src/components/analytics-console.tsx - Content card
src/components/card.tsx
Content publishing
- Markdown content
src/lib/markdown.ts - Notebook parser
src/lib/notebook.ts - Articles and projects
content - Article listing
src/app/blogs/page.tsx - Article detail
src/app/blogs/[slug]/page.tsx
Project showcases
- Project listing
src/app/projects/page.tsx - Project detail
src/app/projects/[slug]/page.tsx - Interactive dashboard
src/components/project-dashboard.tsx - Notebook viewer
src/components/project-notebook.tsx
Profile and contact
- About page
src/app/about/page.tsx - Profile content
src/data/about.ts - Certificate list
src/components/certificate-list.tsx - Testimonial carousel
src/components/testimonial-carousel.tsx - Contact page
src/app/contact/page.tsx - Contact details
src/data/contact.ts - Contact form
src/components/contact-form.tsx - Email copy card
src/components/email-copy-card.tsx
Other components
- Portfolio visitor
- Form email service
Connections 34
- Portfolio visitor → Site shell: opens site
README.md - Site shell → Navigation: renders
src/app/layout.tsx - Site shell → Footer: renders
src/app/layout.tsx - Site shell → Theme controls: provides theme
src/app/layout.tsx - Portfolio visitor → Home page: opens home
README.md - Home page → Markdown content: loads listings
src/app/page.tsx - Home page → Content card: renders cards
src/app/page.tsx - Home page → Analytics console: renders
src/app/page.tsx - Home page → Testimonial carousel: renders
src/app/page.tsx - Portfolio visitor → Article listing: browses articles
README.md - Article listing → Markdown content: loads articles
src/app/blogs/page.tsx - Article listing → Content card: renders cards
src/app/blogs/page.tsx - Portfolio visitor → Article detail: reads article
README.md - Article detail → Markdown content: loads article
src/app/blogs/[slug]/page.tsx - Portfolio visitor → Project listing: browses projects
README.md - Project listing → Markdown content: loads projects
src/app/projects/page.tsx - Project listing → Content card: renders cards
src/app/projects/page.tsx - Portfolio visitor → Project detail: opens case study
README.md - Project detail → Markdown content: loads project
src/app/projects/[slug]/page.tsx - Project detail → Interactive dashboard: renders dashboard
src/app/projects/[slug]/page.tsx - Project detail → Notebook viewer: renders notebook
src/app/projects/[slug]/page.tsx - Markdown content → Articles and projects: reads content
src/lib/markdown.ts - Markdown content → Notebook parser: parses notebook
src/lib/markdown.ts - Notebook viewer → Notebook parser: displays parsed cells
src/components/project-notebook.tsx - Portfolio visitor → About page: views profile
README.md - About page → Profile content: uses profile
src/app/about/page.tsx - About page → Certificate list: renders certificates
src/app/about/page.tsx - About page → Testimonial carousel: renders testimonials
src/app/about/page.tsx - Portfolio visitor → Contact page: opens contact
README.md - Contact page → Contact form: renders form
src/app/contact/page.tsx - Contact page → Email copy card: renders email card
src/app/contact/page.tsx - Contact page → Contact details: uses contact details
src/app/contact/page.tsx - Contact form → Contact details: uses configuration
src/components/contact-form.tsx - Contact form → Form email service: submits form