Personal Portfolio

17 Aug, 2025

Project image 1
Project image 2
Project image 3
Project image 4
Project image 5
Project image 6
Thumbnail 1
Thumbnail 2
Thumbnail 3
Thumbnail 4
Thumbnail 5
Thumbnail 6

🚀 Portfolio Website

A modern and responsive personal portfolio built with Next.js, TypeScript, Tailwind CSS, and shadcn UI.

It showcases my projects, skills, experiences, and blogs, and serves as a central hub for my work.

✨ Features

  1. 🎨 Modern UI with Tailwind CSS & shadcn UI
  2. 📂 Projects showcase with thumbnails, galleries, GitHub/live links
  3. 📝 Blog section with Markdown/Editor support
  4. 📊 Activity tracking (add, edit, delete projects, skills, etc.)
  5. 🔐 Authentication (if you plan to add login/admin dashboard)
  6. 📱 Fully responsive design

🛠️ Tech Stack

  1. Framework: Next.js (App Router)
  2. Language: TypeScript
  3. Styling: Tailwind CSS + shadcn UI
  4. Database: MongoDB + Prisma
  5. File Uploads: UploadThing
  6. Form Handling: react-hook-form + zod
  7. Authentication: NextAuth

📦 Installation

Clone the repo:

git clone https://github.com/your-username/portfolio.git
cd portfolio

Install dependencies:

npm install

Setup environment variables in .env (example):

DATABASE_URL="your-postgres-url"
UPLOADTHING_SECRET="your-secret"
NEXT_PUBLIC_UPLOADTHING_APP_ID="your-app-id"

Run locally:

npm run dev

Build for production:

npm run build
npm start
Live Link