# Soumil_Portfolio

**Repository Path**: rudon-github/Soumil_Portfolio

## Basic Information

- **Project Name**: Soumil_Portfolio
- **Description**: A modern, interactive portfolio website showcasing my skills, projects, and experience as a software engineer. Built with featuring 3D elements, smooth animations, and responsive design.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-30
- **Last Updated**: 2025-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Soumil Mukhopadhyay | Personal Portfolio

A modern, interactive portfolio website showcasing my skills, projects, and experience as a software engineer. Built with cutting-edge web technologies featuring 3D elements, smooth animations, and responsive design.

## Features 

- **3D Computer Model** - Interactive Three.js scene
- **Scrambled Text Animation** - Dynamic text effects
- **Neon Glow UI** - Stylish hover effects throughout
- **Drag & Drop Tech Skills** - Interactive technology showcase
- **Project Showcase** - Animated project cards with GitHub links
- **Responsive Design** - Works on all device sizes
- **Smooth Animations** - Framer Motion transitions
- **Dark Mode Aesthetic** - Easy-on-the-eyes design
- **Starry Background** - Particle-like, with **3** hooks utilized

## Technologies Used

### Frontend
- **React.js** - Frontend framework
- **Tailwind CSS** - Utility-first CSS framework
- **Framer Motion** - Animation library
- **Three.js** - 3D graphics library
- **React Three Fiber** - Three.js for React

### Backend & Deployment
- **Vite** - Build tool
- **Vercel** - Deployment platform

## Sections 

1. **Hero Section** - Introduction with animated text, resume and info cards
2. **About** - Overview with service cards and neon effects
3. **Experience** - Work history timeline
4. **Skills** - Interactive tech stack with draggable elements
5. **Achievements** - Honors and awards
6. **Projects** - Showcase of featured work
7. **Certifications** - Professional credentials
8. **Contact** - 3D computer and contact form

## Installation

To run this project locally:

1. Clone the repository:
   ```bash
   git clone https://github.com/Soumilgit/Soumil_Portfolio.git
   ```
2. Navigate to the project directory:
   ```bash
   cd Soumil_Portfolio
   ```
3. Install dependencies:
   ```bash
   npm install
   ```
4. Start the development server:
   ```bash
   npm run dev
   ```

## Customization

To personalize this portfolio:

1. Update personal information & work, skillset etc. details in `src/constants/index.js`
2. Replace 3D model in `public/desktop_pc/`
3. Adjust colors in `tailwind.config.cjs`, `src/index.css` and `src/styles.js`
4. Add your own flavour in existing files under folders `Marquees`, `svg`, `utils` etc.

## Performance

- Optimized 3D assets
- Lazy loading components
- Efficient animations
- Responsive image handling

## License

This project is licensed under the [MIT License](https://github.com/Soumilgit/Soumil_Portfolio/blob/main/LICENSE).

## Connect with Me

- [GitHub](https://github.com/Soumilgit)
- [LinkedIn](https://www.linkedin.com/in/soumilm30/)
- [Twitter](https://twitter.com/SoumilMukh6476)
- [Instagram](https://www.instagram.com/soumil_m.exe/)