Portfolio Website

Personal portfolio site built with Next.js 14, TypeScript, and Tailwind CSS.

Current Sections

• Home (components/Hero.tsx)
• About (components/About.tsx)
• Experience (components/Experience.tsx)
• Projects (components/Projects.tsx)
• Top navigation (components/Navigation.tsx)

Tech Stack

• Next.js 14 (App Router)
• React 18
• TypeScript
• Tailwind CSS

Getting Started

1. Install dependencies:

npm install

2. Start the dev server:

npm run dev

3. Open http://localhost:3000.

Project Structure

portfolio-website/
├── app/
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── components/
│   ├── ui/
│   │   ├── animated-grid-pattern.tsx
│   │   └── shine-border.tsx
│   ├── About.tsx
│   ├── AnimatedGridPatternDemo.tsx
│   ├── Experience.tsx
│   ├── Hero.tsx
│   ├── Navigation.tsx
│   └── Projects.tsx
├── lib/
├── public/
│   └── (images and static assets)

Scripts

npm run dev
npm run build
npm run start
npm run lint