🖥️ mazu-space

Un portfolio che finge di essere un desktop anni '90 — finestre draggabili, CRT scanlines, oscilloscopio audio e tutto il resto.

→ mazu.is-a.dev

---

---

Di che si tratta

Un desktop simulator fatto in React dove ogni sezione è una finestra che puoi spostare, ridimensionare e minimizzare.

Features

• CRT scanline overlay + noise overlay sempre attivi
• Glitch/shake periodici
• Audio ambientale (hum da console computer)
• Suono di avvio stile Mac al boot
• Discord presence in tempo reale via Lanyard API

---

Stack

---

Avvia in locale

npm install
npm run dev       # dev server → http://localhost:5173
npm run build     # build di produzione → dist/
npm run preview   # preview della build

---

Struttura del progetto

mazu-space/
├── src/
│   ├── App.jsx               # app principale, gestione finestre, logica music
│   ├── main.jsx              # entry point
│   ├── index.css             # stili globali
│   ├── components/           # finestre, taskbar, boot screen, ecc.
│   ├── hooks/                # useLanyard, useScreenMode
│   ├── blog/                 # post markdown + loader
│   └── utils/                # audio helpers (fade in/out)
├── assets/                   # tracce musicali, cover art, wallpaper, ambient
├── public/                   # file statici (favicon)
├── index.html
├── vite.config.js
└── package.json

---

Analytics

Vercel Analytics + Speed Insights integrati — tanto per vedere se qualcuno ci capita davvero.

---

Fatto da Il-Mazu