How akshatdev2002/dataakshx_portfolio works
This is a cyberpunk-themed personal portfolio presented as a data-engineering pipeline. Visitors browse profile and resource pages, can explore the portfolio’s interactive ETL-style DAG and open profile sections, or submit a contact message. The DAG’s stage layout and major site capabilities are documented in the README; sampled source confirms its rendering/modal routing and contact verification/email flow. Wiring from the homepage and the resource/resume page implementations was not sampled, so those links are kept conservative.
Main entry points: PipelineModal.tsx Task Detail Modal · Pipeline.tsx DAG Canvas · Contact.tsx Contact Form · route.ts Contact API
Components 23
Portfolio DAG
- Portfolio Page
src/app/portfolio/page.tsx - Visitor Ingestion
src/components/Ingestion/IngestionCard.tsx - DAG Canvas
src/components/Pipeline/Pipeline.tsx - Task Cards
src/components/Pipeline/PipelineNode.tsx - DAG Connectors
src/components/Pipeline/PipelineConnector.tsx - Task Detail Modal
src/components/Modal/PipelineModal.tsx - About Stage
src/components/Sections/About.tsx - Experience Stage
src/components/Sections/Experience.tsx - Skills Stage
src/components/Sections/Skills.tsx - Education Stage
src/components/Sections/Education.tsx - Projects Stage
src/components/Sections/Projects.tsx - Freelancing Stage
src/components/Sections/Freelancing.tsx
Portfolio Site
- Homepage
src/app/page.tsx - 3D Scene
src/components/ThreeBackground/HackerSceneClient.tsx - Resources Page
src/app/resources/page.tsx - Resume Page
src/app/resume/page.tsx
Contact Flow
- Contact Page
src/app/contact/page.tsx - Contact Form
src/components/contact/Contact.tsx - Contact API
src/app/api/contact/route.ts
External Services
- Google reCAPTCHA
- SMTP Mail Service
Other components
- Visitor
- Contact Recipient
Connections 25
- Visitor → Homepage: browses
- Homepage → 3D Scene: shows
- Visitor → Portfolio Page: opens
- Portfolio Page → DAG Canvas: renders
- Visitor → Visitor Ingestion: enters details
- Visitor Ingestion → DAG Canvas: completes intake
- DAG Canvas → Task Cards: renders
- DAG Canvas → DAG Connectors: renders
- Task Cards → DAG Canvas: clicks task
- DAG Canvas → Task Detail Modal: opens task
- Task Detail Modal → About Stage: routes content
- Task Detail Modal → Experience Stage: routes content
- Task Detail Modal → Skills Stage: routes content
- Task Detail Modal → Education Stage: routes content
- Task Detail Modal → Projects Stage: routes content
- Task Detail Modal → Freelancing Stage: routes content
- Visitor → Resources Page: opens
- Visitor → Resume Page: opens
- Visitor → Contact Page: opens
- Contact Page → Contact Form: renders
- Contact Form → Google reCAPTCHA: requests token
- Contact Form → Contact API: POSTs message
- Contact API → Google reCAPTCHA: verifies token
- Contact API → SMTP Mail Service: sends email
- SMTP Mail Service → Contact Recipient: delivers email