- Modern Tech Stack: Next.js (App Router), TypeScript, Tailwind CSS, shadcn/ui
- AI Chatbot: Floating assistant powered by LLM API
- Responsive Design: Mobile-first, dark mode support
- Animated UI: Framer Motion for smooth transitions
- Projects Showcase: Cards with live demos & GitHub links
- Experience Timeline: Roles, companies, and achievements
- Skills Grid: Filterable, with tooltips
- Contact Form: Next.js API route + SendGrid
- SEO Optimized: Metadata, sitemap.xml
- Deployed on Vercel
- Styling/UI: Tailwind CSS, shadcn/ui
- Framework: Next.js (latest), TypeScript
- Styling/UI: Tailwind CSS, shadcn/ui
- Animation: Framer Motion
- AI: React chatbot widget, LLM API
- Backend: Next.js API routes
- Email: SendGrid
- Deployment: Vercel
/
├─ app/ # Next.js App Router
│ ├─ layout.tsx
│ └─ page.tsx
├─ components/
│ ├─ Navbar.tsx
│ ├─ HeroSection.tsx
│ ├─ SkillsSection.tsx
│ ├─ ProjectsSection.tsx
│ ├─ ExperienceSection.tsx
│ ├─ AboutSection.tsx
│ ├─ ContactSection.tsx
│ └─ ChatWidget.tsx
├─ lib/
│ └─ constants.ts
├─ public/ # Static assets (images, etc.)
├─ styles/ # Tailwind + shadcn config
│ └─ tailwind.config.js
└─ vercel.json # Vercel config
Feel free to reach out via LinkedIn or use the contact form on the website!