Ajay P Sakthikumar

Ajay P Sakthikumar — Portfolio

A modern, interactive portfolio built with Next.js 15, Tailwind CSS, and Framer Motion.

This replaces the older static, terminal-themed GitHub Pages site with a full Next.js application that keeps a nod to the old terminal aesthetic while adding a proper timeline, animated sections, and a polished layout.

Sections

• Hero — animated typing headline, terminal-style card, quick links to resume/socials
• About — bio and focus areas (Fullstack, App Dev, Security)
• Timeline — scroll-linked, alternating employment + education timeline
• Skills — grouped tech stack chips (languages, frameworks, platforms, interests)
• Certificates — links to the archived PDFs
• Contact — email (with copy-to-clipboard) and social links

Data is centralized in lib/data.ts — edit that file to update timeline entries, skills, certificates, or profile info without touching any components.

Tech stack

• Next.js 15 (App Router, React 19)
• Tailwind CSS 3
• Framer Motion for animations
• lucide-react for icons
• TypeScript

Local development

This project uses Yarn (Berry / v4) with the node-modules linker — configured in .yarnrc.yml. PnP is disabled, so tooling that expects a real node_modules/ (Next.js, editors, IDEs) works out of the box.

yarn install
yarn dev

Then open http://localhost:3000.

Other scripts:

yarn build   # production build
yarn start   # run the production build locally
yarn lint    # eslint

npm also works if you prefer it — the package.json scripts are package-manager-agnostic. Just stick to one lockfile.

Deploy

The site is designed to deploy to Vercel with zero configuration:

1. Push this repo to GitHub (already there — codewizrd001.github.io).
2. Go to https://vercel.com/new, import the repo.
3. Vercel auto-detects Next.js — just click Deploy.

Alternatively, deploy to Netlify, Cloudflare Pages, or any Node-capable host — no custom config needed.

About the old GitHub Pages site

The old static files (index.html, dev.html, style.css, scripts/, assets/) are still in the repo but are no longer used by the Next.js build. They can be deleted once the new site is live on Vercel and DNS is pointed there. All required assets have been copied into public/.

Project layout

app/
  layout.tsx      # root layout, fonts, metadata
  page.tsx        # single-page site (all sections)
  globals.css     # tailwind + custom utilities
components/
  Background.tsx  # pointer-following gradient background
  Navbar.tsx      # sticky nav with mobile menu
  Hero.tsx        # hero with typing animation + terminal card
  About.tsx       # bio + focus areas
  Timeline.tsx    # scroll-linked vertical timeline
  Skills.tsx      # grouped skill chips
  Certificates.tsx
  Contact.tsx
  Footer.tsx
  SectionHeader.tsx
lib/
  data.ts         # all content lives here
public/
  dp.jpg
  icon.png
  resume/resume.pdf
  certificates/*.pdf