JeytheJo — Portfolio

Portfólio pessoal com estética brutalista e duas interfaces: e-ink (claro) e terminal hacker (escuro).

---

Preview

Terminal (dark)	E-ink (light)
Fundo preto · verde #00ff41 · scanlines	Off-white #f0ece0 · tipografia brutalista

Toggle de tema disponível na navbar — a preferência é salva no localStorage.

---

Stack

• React 18 + Vite 6 — build estático para GitHub Pages
• CSS puro com variáveis de tema ([data-theme="dark/light"])
• Space Mono + Bebas Neue + Share Tech Mono — tipografia brutalista
• Foto de perfil em dithering Floyd-Steinberg — versão P&B e verde terminal
• Sem frameworks de CSS, sem dependências desnecessárias

---

Funcionalidades

• ✅ Toggle de tema dark/light com persistência em localStorage
• ✅ Typing effect no hero (letra a letra)
• ✅ Foto dither que troca com o tema
• ✅ Layout responsivo (mobile + desktop)
• ✅ Scroll suave entre seções
• ✅ Hover effects brutalistas nos cards e botões
• ✅ Deploy automático via GitHub Pages

---

Rodar localmente

# Clonar o repositório
git clone https://github.com/JeytheJo/portfolio.git
cd portfolio

# Instalar dependências
npm install

# Iniciar servidor de desenvolvimento
npm run dev

Acesse http://localhost:5173/portfolio/

---

Build e deploy

# Gerar build de produção
npm run build

# Deploy no GitHub Pages
npm run deploy

---

Estrutura

src/
├── components/
│   ├── Navbar.jsx      # Nav + toggle de tema
│   ├── Hero.jsx        # Foto dither + typing effect
│   ├── About.jsx       # Bio + info rápida
│   ├── Skills.jsx      # Stack por categoria
│   ├── Projects.jsx    # Grid de projetos
│   └── Contact.jsx     # Links + footer
├── hooks/
│   └── useTheme.js     # Hook de tema (dark/light)
└── styles/
    ├── globals.css     # Variáveis de tema + todos os estilos
    ├── theme-dark.css  # Estilos exclusivos do tema dark
    └── theme-ligth.css # Estilos exclusivos do tema light

public/
├── foto-dark.png       # Foto dither verde terminal
└── foto-light.png      # Foto dither P&B e-ink

---

Projetos em destaque

Projeto	Stack	Link
Tô Lembrado	React Native · Expo · SQLite	repositório
Bodies Barber	Flask · PostgreSQL · Tailwind	repositório
Supermercado OOP	Java · OOP · UML	repositório

---

Autor

João Eduardo — Software Engineer & Security Enthusiast

---

_{Built with caffeine & curiosity · Piauí, Brasil}