https://github.com/dawidolko/simulaing-macos-system-gui

My portfolio website simulating macOS's GUI, developed with React and UnoCSS.
https://github.com/dawidolko/simulaing-macos-system-gui

documentation portfolio programming projects react redux tailwindcss typescript vite vitejs

Last synced: 2 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/dawidolko/simulaing-macos-system-gui
• Owner: dawidolko
• License: mit
• Created: 2023-06-26T19:19:48.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-07T16:35:00.000Z (7 months ago)
• Last Synced: 2024-04-07T22:29:02.324Z (7 months ago)
• Topics: documentation, portfolio, programming, projects, react, redux, tailwindcss, typescript, vite, vitejs
• Language: JavaScript
• Homepage: https://macos.dawidolko.pl/
• Size: 17 MB
• Stars: 11
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# macos.dawidolko.pl

My portfolio website simulating macOS's GUI: https://macos.dawidolko.pl

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/).

![light mode](./public/screenshots/light.png)

![dark mode](./public/screenshots/dark.png)

 

## 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/dawidolko/Simulaing-Ubuntu-System-GUI)

 

## License

[MIT](MIT)