aniketshahi / 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 + React Redux + 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 2021.12.05: Simulated the real state of the device's battery using Battery API. On the browsers that don't support this API, the charge level will be displayed as 100%.

• Update 2021.12.05: Refactored this project by using functional components and hooks to make the code cleaner. See this branch for the previous version written using class components.

 

Credits

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

 

License

MIT