Personal Portfolio

A modern, responsive portfolio website built with React, TypeScript, and Vite. Features interactive 3D elements, smooth animations, and a clean design.

🚀 Features

• Responsive design that works on all devices
• Interactive 3D elements using Three.js
• Smooth animations with Framer Motion
• Type animations for dynamic text
• Project showcase with filtering
• Contact form integration
• SEO optimized
• Dark/Light mode support

🛠️ Tech Stack

• React 18
• TypeScript
• Vite
• TailwindCSS
• Three.js
• Framer Motion
• EmailJS
• React Helmet Async

📦 Installation

1. Clone the repository:

git clone https://github.com/priyanshuchawda/portfolio.git
cd portfolio

2. Install dependencies:

npm install

3. Create a .env file in the root directory and add your environment variables:

VITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_PUBLIC_KEY=your_public_key

4. Start the development server:

npm run dev

🚀 Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run lint - Run ESLint
• npm run preview - Preview production build locally

📝 Development Guidelines

1. Follow the existing code structure
2. Use TypeScript for all new components
3. Add proper types for all props and functions
4. Follow the TailwindCSS class naming conventions
5. Test all changes across different devices and browsers

🌐 Deployment

The site is built to be deployed on any static hosting platform. Recommended platforms:

• Vercel
• Netlify
• GitHub Pages

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📧 Contact

Your Name - [email protected] Project Link: https://github.com/yourusername/portfolio