Renovamen / playground-macos

My portfolio website simulating macOS's GUI, developed with React and UnoCSS.

playground-macos

My portfolio website simulating macOS's GUI: https://portfolio.zxh.io

Powered by React + Zustand + UnoCSS + TypeScript + Vite.

 

Usage

Clone the repo and install dependencies:

pnpm install

Start dev server (with hot reloading):

pnpm dev

Build for production with minification to the dist folder:

pnpm build

 

Changelog

• Update 2023.06.26: Improve FaceTime.

• Update 2023.06.25: Add Typora, built on top of Milkdown.

• Update 2021.12.05: Simulated the device's actual battery state using Battery API, displaying 100% charge on unsupported browsers.

• Update 2021.12.05: Refactored for cleaner code by utilizing functional components and hooks. Refer to this branch for the previous version implemented with class components.

 

Credits

• macOS
  • Monterey
  • Catalina
• macOS Icon Gallery
• sindresorhus/file-icon-cli
• vivek9patel.github.io

 

License

MIT