Sainarayan Rajasekaran — Portfolio

A personal portfolio built with Next.js (App Router), TypeScript, Tailwind CSS v4, and Framer Motion.

Local development

npm install
npm run dev

Open http://localhost:3000.

Testing

npm test

Content

Experience, skills, projects, education, and achievements content lives in typed data modules under src/data/ — edit those files to update that content without touching component code. Section titles, CTA labels, and other copy live directly in the section components under src/components/sections/.

Contact form

The contact form in src/components/sections/Contact.tsx posts to Formspree. To activate it:

1. Create a free account at https://formspree.io and add a new form.
2. Copy the form endpoint (https://formspree.io/f/xxxxxxxx).
3. Replace FORMSPREE_ENDPOINT in src/components/sections/Contact.tsx with that URL.
4. Commit and push — Vercel redeploys automatically.

Deployment (Vercel, free tier)

1. Go to https://vercel.com and sign in with your GitHub account.
2. Click "Add New… → Project" and import RSainarayan/portfolio.
3. Vercel auto-detects Next.js — leave the default build settings (npm run build, output directory auto-detected).
4. Click "Deploy". Every push to main redeploys automatically; every pull request gets its own preview URL.
5. Optional: add a custom domain under Project Settings → Domains.