zhaopufeng / playground-macos Public

forked from Renovamen/playground-macos

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

portfolio.zxh.me

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 109 Commits
.github/workflows		.github/workflows
.husky		.husky
public		public
src		src
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitattributes		.gitattributes
.gitignore		.gitignore
.prettierrc.yaml		.prettierrc.yaml
LICENSE		LICENSE
README.md		README.md
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
tsconfig.json		tsconfig.json
unocss.config.ts		unocss.config.ts
vite.config.ts		vite.config.ts

Repository files navigation

playground-macos

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

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

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.