🎮 Cyberpunk Portfolio

A portfolio website with a Cyberpunk OS-style interface, built with React and Tailwind CSS.

✨ Features

• 🖥️ Cyberpunk OS interface with draggable windows
• 🎮 Interactive terminal with real commands
• 🌓 Hacker mode with CRT effects and color changes
• 📱 Responsive on all devices
• 🎨 Neon effects and smooth animations
• 🔄 Real-time GitHub data integration
• 🎯 Taskbar with open windows
• 🚀 Start Menu with applications

🚀 Installation

1. Clone repository:

git clone https://github.com/Nahvine/portfolio_cyberpunk.git
cd portfolio_cyberpunk

2. Install dependencies:

npm install

3. Run development server:

npm run dev

4. Build for production:

npm run build

🛠️ Technologies Used

• ⚛️ React 18
• 🎨 Tailwind CSS
• 🎭 Framer Motion
• 📦 Vite
• 🎵 Howler.js
• 🔄 React RND
• 📱 React Icons

🎮 How to Use

1. Terminal:

   • Type help to see command list
   • Use clear to clear screen
   • hack to toggle Hacker mode

2. Windows:

   • Drag title bar to move
   • Yellow button to minimize
   • Pink button to close
   • Click to bring to front

3. Taskbar:

   • Click icon to open/close Start Menu
   • Click minimized window to restore
   • Shows all open windows

🌟 Special Features

• Hacker Mode:

  • Toggle with Ctrl + H
  • CRT scanline effect
  • Matrix colors
  • Glitch effects

• Interactive Terminal:

  • Real commands
  • Typing effects
  • Sound effects
  • Command history

• Smart Windows:

  • Open/close animations
  • Minimize effects
  • Automatic z-index
  • Size constraints

📝 License

MIT License - See LICENSE file for details.

🤝 Contributing

Contributions are welcome! Please:

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

🙏 Acknowledgments

• React
• Tailwind CSS
• Framer Motion
• Vite
• React RND
• Howler.js

---

_{Built with ❤️ by Nahvine}