🚀 Desktop-Like Portfolio (Deskfolio)

An interactive, desktop-inspired portfolio built with React, TypeScript, and Recoil. This project mimics an operating system UI, featuring draggable windows, built-in apps, and a fully customizable user experience.

🎨 Features

• 🖥️ Desktop-Like UI – A smooth, multi-window experience.
• 📁 Built-in Apps – Notes, Calculator, To-Do List, and more.
• 🖱️ Draggable & Resizable Windows – Apps behave like real OS applications.

📂 Project Structure

A:.
│   App.css
│   App.tsx
│   index.css
│   main.tsx
│   vite-env.d.ts
│
├───apps           # Built-in applications
│   ├───AboutMe
│   ├───Calculator
│   ├───Notes
│   └───todo-list
│
├───assets
├───hooks
├───windows        # Desktop UI 
│   ├───components
│   ├───data
│   ├───store
│   └───types
└───android        # Mobile UI (not implemented yet)

🛠️ Tech Stack

• Frontend: React, TypeScript, Recoil, Vite
• State Management: Recoil
• Styling: CSS Modules / Tailwind (if applicable)

🚀 Getting Started

Prerequisites

Ensure you have Node.js and npm/yarn installed.

Installation

# Clone the repository
git clone https://github.com/pshycodr/PortoDesk.git
cd PortoDesk 

# Install dependencies
yarn install  # or npm install

# Run the project
yarn dev  # or npm run dev

Build for Production

yarn build  # or npm run build

🏗️ Future Improvements

• 🎵 Music Player – Play audio files within the system.
• 🌐 Web Browser Mock – A fun, interactive mini-browser.
• 📌 Pinned Apps – Add shortcuts to frequently used apps.
• 📱 Mobile UI – Responsive design for mobile devices.
• 🎨 Custom Wallpapers – Set custom backgrounds.
• 📂 File Manager - To create custom files and folders.

📜 License

This project is licensed under the MIT License.

🙌 Contributing

Feel free to fork, open issues, and submit pull requests!

---

⭐ If you like this project, consider giving it a star! ⭐