Portfolio Website

Welcome to my portfolio website built with Next.js, React, TypeScript, and TailwindCSS!

Features

• ✨ I've created a clean, minimal design with dark/light mode support
• 🚀 Built with Next.js 14 and React 18
• 🎨 Styled with TailwindCSS and shadcn/ui components
• 💫 I've added animated UI elements with Framer Motion and tsParticles
• 🤖 Integrated a custom AI chat bot to help visitors navigate
• 📱 Fully responsive across all devices
• 🔥 Optimized performance with Vercel Analytics
• 💻 Showcases my work experience, projects, and skills

Tech Stack

• Framework: Next.js 14
• Language: TypeScript
• Styling: TailwindCSS
• UI Components: shadcn/ui
• Animations: Framer Motion, tsParticles
• AI Integration: Google Generative AI
• Deployment: Vercel
• Analytics: Vercel Analytics

Getting Started

Prerequisites

• Node.js (version 18 or later)
• npm or yarn or pnpm or bun

Installation

1. Clone my repository

git clone https://github.com/SaranshBangar/Portfolio.git ./

2. Install dependencies

npm install
# or
yarn install
# or
pnpm install
# or
bun install

3. Run the development server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

4. Open http://localhost:3000 with your browser to see the result.

Project Structure

• src/app/: Main application pages
• src/components/: React components
  • ui/: UI components (shadcn/ui)
• src/lib/: Utility functions and libraries
• public/: Static assets

Customization

If you'd like to use my portfolio as a template, you can customize it by:

1. Updating the experience data in experience.tsx
2. Adding new projects to projects.tsx
3. Modifying the side card information in side-card.tsx
4. Changing the theme colors in tailwind.config.ts

Deployment

I've optimized this portfolio for deployment on Vercel:

Contact

Feel free to reach out if you have any questions or would like to connect with me!