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.
- 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
- 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
- Vite - Build tool
- Vercel - Deployment platform
- Hero Section - Introduction with animated text, resume and info cards
- About - Overview with service cards and neon effects
- Experience - Work history timeline
- Skills - Interactive tech stack with draggable elements
- Achievements - Honors and awards
- Projects - Showcase of featured work
- Certifications - Professional credentials
- Contact - 3D computer and contact form
To run this project locally:
- Clone the repository:
git clone https://github.com/Soumilgit/Soumil_Portfolio.git
- Navigate to the project directory:
cd Soumil_Portfolio - Install dependencies:
npm install
- Start the development server:
npm run dev
To personalize this portfolio:
- Update personal information & work, skillset etc. details in
src/constants/index.js - Replace 3D model in
public/desktop_pc/ - Adjust colors in
tailwind.config.cjs,src/index.cssandsrc/styles.js - Add your own flavour in existing files under folders
Marquees,svg,utilsetc.
- Optimized 3D assets
- Lazy loading components
- Efficient animations
- Responsive image handling
This project is licensed under the MIT License.
