Kushal SM - 3D Interactive Portfolio

📌 About

Welcome to my highly interactive, multi-themed personal portfolio! This project pushes the boundaries of standard web portfolios by combining 3D elements and realistic operating system replicas to showcase my work.

✨ Features

• 3D Landing Experience: Start your journey in a 3D environment powered by React Three Fiber. Click on the 3D laptop model to dive into the portfolio.
• Windows 10 Desktop UI (Desktop): A fully functional Windows 10 replica featuring:
  • Draggable, resizable application windows.
  • Interactive Taskbar, Start Menu, and Windows Search.
  • Apps like GitHub Task Manager, File Explorer, Terminal, VLC Player, Notepad, Obsidian (Markdown Viewer), and VSCode.
• Windows Phone UI (Mobile): A nostalgic, responsive Windows Phone Metro UI for mobile users. Includes Live Tiles, an App List, Metro Search, Photos, and Mobile File Explorer.
• Classic Minimalist Apps: View my Resume, Skills, Projects, and Certificates through sleek, minimalist OS application windows.
• Smooth Animations: Powered by Framer Motion, GSAP, Anime.js, and Animate.css for seamless transitions and OS-like interactions.

🛠️ Tech Stack

• Framework: Next.js 15 (App Router), React 19
• 3D & Graphics: Three.js, React Three Fiber, React Three Drei
• Styling: TailwindCSS v4, DaisyUI v5
• Animations: Framer Motion, GSAP, Anime.js, Animate.css
• Utilities: React Draggable, React Markdown, Lottie React
• Icons: React Icons, FontAwesome, Flaticons, Icons8, Icons-Icons

🚀 Live Demo

• Direct link (deployed on Vercel) : https://mrkushalsm.vercel.app/

🔧 Installation & Setup

1. Clone the repository:

   git clone https://github.com/mrkushalsm/Portfolio.git

2. Navigate to the project folder:

   cd Portfolio

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open http://localhost:3000 in your browser.

🎮 Navigation Guide

1. Landing Page: You will be greeted by a 3D laptop. Click the screen to boot the system.
2. Desktop Environment (Large Screens):
   • Click the Start button to view pinned apps.
   • Use the Taskbar to switch between open windows.
   • Open apps like "Projects", "Skills", or the "GitHub Task Manager" to explore.
3. Mobile Environment (Small Screens):
   • Swipe to access the App List.
   • Tap on Live Tiles on the Start Screen.
   • Use the bottom navigation bar to go back or return to the home screen.

📩 Contact

• GitHub: mrkushalsm
• Email: mrkushalsm@gmail.com

📜 License

This project is licensed under the MIT License.

---

💡 Feel free to fork and customize this project to build your own interactive OS portfolio!