Roadmap de Carreira em Software Engineering

Plano interativo de 12 semanas com navegação fluida, checklist de tarefas e temas claro/escuro.

Desenvolvido por: Lucasdeveng

🚀 Versões Disponíveis

1. Versão HTML Pura (Atual - Sem dependências)

A forma mais simples de usar: abra index.html no navegador.

• ✅ Sem setup necessário
• ✅ Funciona offline
• ✅ Temas claro/escuro
• ✅ Persistência local automática
• ⚙️ Vanilla JavaScript

Como usar:

Abra index.html no navegador

2. Versão React (Com estado gerenciado)

Componente React otimizado com useState e useEffect.

• ✅ Gerenciamento de estado com React Hooks
• ✅ Variáveis CSS dinâmicas (--color-bg-primary, --color-card, etc)
• ✅ Build otimizado com Vite
• ⚙️ Requer Node.js

Como usar:

npm install
npm run dev  # Desenvolvem
npm run build # Produção

Para mais detalhes sobre a versão React, veja REACT_VERSION.md.

📋 Funcionalidades

• 12 semanas de conteúdo estruturado
• Checklist interativo com progresso
• Navegação entre semanas com animações fluidas
• Temas claro (branco) e escuro
• Persistência automática no localStorage
• Botões com efeito hover e transições suaves
• Design responsivo

🎨 Temas

Claro (Padrão)

• Fundo: Branco
• Texto: Cinza escuro
• Cards: Branco com bordas sutis

Escuro

• Fundo: Cinza-azulado muito escuro
• Texto: Branco translúcido
• Cards: Cinza-azulado

Alterne entre temas clicando no botão "Tema escuro" / "Tema claro".

💾 Persistência Local

O app salva automaticamente:

• Última semana aberta
• Tarefas marcadas como concluídas
• Tema selecionado

Seus dados são preservados ao recarregar a página.

🎯 Próximos passos

• Adicionar exportação de progresso (PDF/CSV)
• Filtros por tipo de recurso
• Modo de estudo com timer Pomodoro
• Integração com calendário

📝 Estrutura de Pastas

Roadmap/
├── index.html              # Versão HTML pura
├── styles.css              # Estilos (HTML)
├── script.js               # Lógica (HTML)
├── App.jsx                 # Componente React
├── App.css                 # Estilos (React)
├── main.jsx                # Entry point React
├── vite.config.js          # Config Vite
├── package.json            # Dependências
└── README.md               # Este arquivo

📖 Estrutura do Roadmap

Mês 1 (Semanas 1-4): Fundamentos

• Python avançado
• Algoritmos
• Git & Fluxo de trabalho
• Primeiro projeto Python

Mês 2 (Semanas 5-8): APIs & IA

• Anthropic API
• Integração com projeto
• Entender LLMs
• Machine Learning

Mês 3 (Semanas 9-12): Portfólio & Carreira

• LinkedIn
• GitHub showcase
• Currículo técnico
• Open source