Um portfolio pessoal em forma de sistema operativo fictício: arranca com uma sequência de boot em estilo terminal e revela um "ambiente de trabalho" com janelas (About, Skills, Projects, Contact) inclinadas como se estivessem espalhadas sobre uma secretária digital.
Construído com React 18 + Tailwind CSS v4 + Vite.
- Sequência de arranque animada, tipo terminal, com efeito de "typing"
- Estética cyberpunk/neon (ciano, magenta, lima) sobre fundo quase-preto
- Efeito de glitch no logótipo e no título ao passar o rato
- "Janelas" com leve rotação que se endireitam ao passar o rato
- Totalmente responsivo, com
prefers-reduced-motionrespeitado
npm install
npm run devAbre depois http://localhost:5173.
Para gerar a versão de produção:
npm run build
npm run preview- Textos e bio: edita
src/App.jsx— secçãoABOUT_ME.exe. - Skills: edita o array
SKILLSemsrc/App.jsx. - Projetos: edita o array
PROJECTSemsrc/App.jsx(nome, descrição, tags, cor). - Contactos: edita os links em
CONTACT.sh(email, GitHub, LinkedIn). - Cores: os tokens de cor estão em
src/index.css, dentro do bloco@theme(--color-cyan,--color-magenta,--color-lime, etc.). - Tipografia: fontes carregadas via Google Fonts em
index.html(JetBrains Mono, Space Grotesk, IBM Plex Mono).
nulled-os/
├── index.html
├── package.json
├── vite.config.js
└── src/
├── main.jsx
├── index.css
├── App.jsx
└── components/
├── BootScreen.jsx
├── Taskbar.jsx
└── Window.jsx
npm run build
# publica a pasta dist/ com a tua ferramenta de deploy preferida
# (GitHub Pages, Vercel, Netlify, etc.)Feito com ☕ e Tailwind CSS v4.