Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/renovamen/playground-macos
My portfolio website simulating macOS's GUI, developed with React and UnoCSS.
https://github.com/renovamen/playground-macos
portfolio react tailwindcss typescript vite zustand
Last synced: about 4 hours ago
JSON representation
My portfolio website simulating macOS's GUI, developed with React and UnoCSS.
- Host: GitHub
- URL: https://github.com/renovamen/playground-macos
- Owner: Renovamen
- License: mit
- Created: 2021-04-29T06:20:32.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-02T05:49:01.000Z (5 months ago)
- Last Synced: 2024-09-23T14:02:42.639Z (1 day ago)
- Topics: portfolio, react, tailwindcss, typescript, vite, zustand
- Language: TypeScript
- Homepage: https://portfolio.zxh.me
- Size: 34.5 MB
- Stars: 3,196
- Watchers: 20
- Forks: 322
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# playground-macos
My portfolio website simulating macOS's GUI: https://portfolio.zxh.me
Powered by [React](https://reactjs.org/) + [Zustand](https://zustand-demo.pmnd.rs/) + [UnoCSS](https://uno.antfu.me/) + [TypeScript](https://www.typescriptlang.org/) + [Vite](https://vitejs.dev/).
## Usage
Clone the repo and install dependencies:
```bash
pnpm install
```
Start dev server (with hot reloading):
```bash
pnpm dev
```
Build for production with minification to the `dist` folder:
```bash
pnpm build
```
## Changelog
- **Update 2023.06.26**: Improve [FaceTime](https://support.apple.com/en-us/HT208176).
- **Update 2023.06.25**: Add [Typora](https://typora.io/), built on top of [Milkdown](https://milkdown.dev/).
- **Update 2021.12.05**: Simulated the device's actual battery state using [Battery API](https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API), displaying 100% charge on [unsupported browsers](https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API#browser_compatibility).
- **Update 2021.12.05**: Refactored for cleaner code by utilizing functional components and hooks. Refer to [this branch](https://github.com/Renovamen/playground-macos/tree/class-component) for the previous version implemented with class components.
## Credits
- macOS
- [Monterey](https://www.apple.com/macos/monterey/)
- [Catalina](https://www.apple.com/bw/macos/catalina/)
- [macOS Icon Gallery](https://www.macosicongallery.com/)
- [sindresorhus/file-icon-cli](https://github.com/sindresorhus/file-icon-cli)
- [vivek9patel.github.io](https://github.com/vivek9patel/vivek9patel.github.io)
## License
[MIT](MIT)