Production-style personal portfolio for Adharsh, focused on cloud, DevOps, platform engineering, certifications, and open-source contributions.
Live demo: https://adharsh-chi.vercel.app
- Next.js 16 (App Router)
- React 19
- TypeScript
- Tailwind CSS
- Framer Motion
npm installnpm run devOpen http://localhost:3000.
npm run build- Hero / Identity
- Recognized and Certified by (logo rotator)
- Credentials (Certifications + Open Source Contributions)
- Selected Work
- Experience Timeline
- Skills
- Blogs, testimonials, and contact
- Main page composition:
src/components/portfolio/system-interface.tsx - Identity/hero content:
src/components/portfolio/identity-panel.tsx - Credentials + contribution cards:
src/components/portfolio/credentials-contributions.tsx - Certifications and open-source data:
src/data/portfolio-data.ts - Certification card artwork:
public/certifications/ - Recognition logos:
public/stack-logos/
The Get Resume button is wired to:
/Adharsh%20U.pdf
So place the resume file at:
public/Adharsh U.pdf
You can rename the file, but then update the link in:
src/components/portfolio/identity-panel.tsx
Certification cards are data-driven from src/data/portfolio-data.ts.
Each certification item supports:
titleissuerdatebadgeimageimageAltcertificateUrl(optional; used by View Certificate action)
If certificateUrl is missing, the card falls back to opening the image.
Open-source cards are configured in openSourceContributions inside:
src/data/portfolio-data.ts
Each item uses:
nameorganizationhrefsummaryhighlights
The contact form opens the visitor's email client with a prefilled draft addressed to:
adharshu777@gmail.com
No backend API is required for this behavior.
Recommended: Vercel.
For other platforms, ensure Node version and Next.js build/start flow are supported.