Portfolio Website 🎨🚀🌟

🚀 About The Project ✨💡🔥

This is a 3D interactive portfolio showcasing my skills, projects, and experience. It is built using React, Three.js, Tailwind CSS, and Framer Motion to deliver a visually appealing and responsive user experience. 🎭🖥️🌍

🛠️ Tech Stack 🏗️🔧💻

• Frontend: React, Vite, Tailwind CSS
• 3D Rendering: Three.js, @react-three/fiber, @react-three/drei
• Animations: Framer Motion, Typewriter Effect
• Email Service: EmailJS
• State Management: React Hooks

📂 Project Structure 📁📜🛠️

portfolio/
├── LICENSE
├── README.md
├── index.html
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── vite.config.js
├── public/
│   ├── assets/
│   ├── desktop_pc/
│   ├── planet/
│   ├── projects/
├── src/
│   ├── components/
│   │   ├── canvas/
│   │   │   ├── Computers.jsx
│   │   │   ├── Earth.jsx
│   │   │   ├── Stars.jsx
│   │   │   ├── index.js
│   │   ├── About.jsx
│   │   ├── Contact.jsx
│   │   ├── Footer.jsx
│   │   ├── Hero.jsx
│   │   ├── Loader.jsx
│   │   ├── Navbar.jsx
│   │   ├── Projects.jsx
│   │   ├── Sets.jsx
│   │   ├── index.js
│   ├── constants/
│   ├── hoc/
│   ├── hooks/
│   ├── styles.js
│   ├── utils/
│   ├── index.css
│   ├── App.css
│   ├── App.jsx
│   ├── main.jsx

🔧 Installation ⚙️📥💾

1. Clone the repository:

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

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open http://localhost:5173/ in your browser. 🌐🚀🖥️

✨ Features 🏆🔥💡

• 3D Interactive Elements: Dynamic 3D models using Three.js.
• Animations: Smooth transitions with Framer Motion.
• Project Showcase: Carousel to display all my work.
• Contact Form: Integrated with EmailJS for direct messaging.
• Dark Theme: Fully optimized for a dark mode aesthetic. 🌑🌓🌕

📌 Sections 🏠📚🔗

• Home - Introduction & Hero Section with a 3D Earth model.
• About - Details about my background and skills.
• Projects - Showcase of my recent work with GitHub links.
• Contact - Reach out via an integrated form. ✉️📞💬

🏗️ Upcoming Features 📅🔮💭

• Blog Integration: To showcase my learning journey.
• Dark/Light Mode: Toggle between themes dynamically.
• More Animations: Enhanced smooth transitions. ✨🎥🖌️

🔗 Acknowledgements 🏆🙏✨

This project is inspired by Adrian Hajdin's 3D Developer Portfolio. A huge thanks to him for sharing his work and making this possible!

🛡️ License 📜⚖️

This project is licensed under the MIT License - feel free to modify, distribute, and use it as you see fit! 🛠️🚀

📬 Contact 📩📞🌎

Feel free to connect with me:

               

---