• 🎨 3D Graphics with Three.js and React Three Fiber
• 🎭 Smooth animations using Framer Motion
• 💅 Styled with Material UI and Styled Components
• 📧 Email integration with EmailJS
• ⌨️ Interactive typing animations
• 📱 Fully responsive design
• 🌐 GitHub Pages deployment ready
• 📜 Vertical timeline component for experience/projects
• 🔄 Custom scroll animations

• Frontend Framework: React 18
• 3D Graphics: Three.js, @react-three/fiber, @react-three/drei
• Styling: Material UI, Styled Components
• Animations: Framer Motion, Typewriter Effect
• Icons: Material Icons, React Icons
• Routing: React Router DOM
• Email Service: EmailJS
• Deployment: GitHub Pages

1. Clone the repository

git clone https://github.com/Tarungupta18/portfolio-website.git
cd portfolio-website

2. Install dependencies

npm install

3. Start development server

npm start

1. Update homepage In package.json, ensure the homepage is set to your GitHub Pages URL:

{
  "homepage": "https://Tarungupta18.github.io"
}

2. Deploy

npm run deploy

portfolio-website/
├── public/
├── src/
│   ├── components/
│   ├── assets/
│   ├── styles/
│   ├── utils/
│   ├── App.js
│   └── index.js
├── package.json
└── README.md

1. Create an account at EmailJS
2. Create a .env file in the root directory:

REACT_APP_EMAILJS_SERVICE_ID=your_service_id
REACT_APP_EMAILJS_TEMPLATE_ID=your_template_id
REACT_APP_EMAILJS_USER_ID=your_user_id

• Material UI themes can be customized in the theme configuration file
• Styled Components global styles can be modified for consistent styling

• Place your 3D models in the public/models directory
• Update the model paths in your Three.js components

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

• npm start: Start development server
• npm build: Build for production
• npm test: Run tests
• npm run deploy: Deploy to GitHub Pages
• npm run eject: Eject from Create React App

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

Tarun Gupta - [email protected]

Project Link: https://github.com/Tarungupta18/portfolio-website

Made with ❤️ and React