playground-macos
My portfolio website simulating macOS's GUI, developed with React and UnoCSS.
File Explorer
Download Latest Version (.zip)- deploy.yaml
- pre-commit
- cube.png
- fishmail.png
- flint.png
- gungnir.png
- meta.png
- notebook.png
- oh-vue-icons.png
- resume.png
- rl.png
- zelda.png
- bear.png
- facetime.png
- github.png
- launchpad.png
- mail.png
- safari.png
- terminal.png
- typora.png
- vscode.png
- artstation.svg
- arxiv.png
- astral.svg
- bilibili.svg
- dribbble.svg
- facebook.svg
- gitee.svg
- github.svg
- gmail.svg
- google-scholar.svg
- hacker.svg
- leetcode.svg
- linkedin.svg
- pinterest.svg
- reddit.svg
- steam.svg
- twitter.svg
- zhihu.jpeg
- avatar.jpg
- wallpaper-day.jpg
- wallpaper-night.jpg
- wallpaper.jpg
- favicon.svg
- logo192.png
- logo512.png
- about-me.md
- about-site.md
- github-stats.md
- sunflower.mp3
- dark.png
- light.png
- manifest.json
- Bear.tsx
- FaceTime.tsx
- Safari.tsx
- Terminal.tsx
- Typora.tsx
- VSCode.tsx
- Dock.tsx
- DockItem.tsx
- AppleMenu.tsx
- base.tsx
- Battery.tsx
- ControlCenterMenu.tsx
- TopBar.tsx
- WifiMenu.tsx
- AppWindow.tsx
- Launchpad.tsx
- Spotlight.tsx
- apps.tsx
- bear.tsx
- index.ts
- launchpad.ts
- music.ts
- terminal.tsx
- user.ts
- wallpapers.ts
- websites.ts
- index.ts
- useAudio.ts
- useBattery.ts
- useClickOutside.ts
- useInterval.ts
- useWindowSize.ts
- Boot.tsx
- Desktop.tsx
- Login.tsx
- dock.ts
- system.ts
- user.ts
- index.ts
- AvenirNextLTPro-Demi.woff
- AvenirNextLTPro-DemiItalic.woff
- AvenirNextLTPro-Italic.woff
- AvenirNextLTPro-Regular.woff
- bear.css
- component.css
- font.css
- index.css
- layout.css
- typora.css
- apps.d.ts
- bear.d.ts
- index.d.ts
- launchpad.d.ts
- music.d.ts
- terminal.d.ts
- user.d.ts
- wallpaper.d.ts
- websites.d.ts
- index.d.ts
- constants.ts
- index.ts
- screen.ts
- url.ts
- auto-imports.d.ts
- index.tsx
- vite-env.d.ts
- .editorconfig
- .gitattributes
- .gitignore
- eslint.config.js
- index.html
- LICENSE
- package.json
- pnpm-lock.yaml
- README.md
- tsconfig.json
- unocss.config.ts
- vite.config.ts
# Installation Guide
1. Get the code
git clone https://github.com/Renovamen/playground-macos
Downloads the entire project code from GitHub to your computer.
cd playground-macos
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
pnpm install
Downloads and installs the libraries listed in package.json.
pnpm dev
Starts the development/run server.
pnpm build
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)