Dev Room

Um ambiente de produtividade para desenvolvedores, inspirado em um "desktop virtual", feito em Vue 3 + Vite.
Tenha tudo o que precisa para organizar seu dia de trabalho em um só lugar: notas rápidas, checklist de deploy, snippets de código, player de música lo-fi, Pomodoro, temas customizáveis, integração com IA e muito mais!

✨ Novidades

• Login e Sincronização via GitHub: Salve e sincronize seus dados de forma segura no seu próprio repositório privado, acessando o Dev Room em qualquer dispositivo.
• Integração com IA (ChatGPT via API): Converse com a IA diretamente do app, basta inserir sua chave da OpenAI.
• Design aprimorado: Interface mais moderna, responsiva e intuitiva.
• **Correções de bugs e melhorias de performance.

⚡ Funcionalidades

• Janelas flutuantes: Abra, mova, redimensione e feche apps como em um desktop.
• Notas rápidas: Sticky notes coláveis e editáveis.
• To-Do List: Gerencie suas tarefas do dia.
• Checklist de Deploy: Não esqueça nenhum passo antes de publicar!
• Snippets de Código: Salve, edite, pesquise e copie trechos de código com syntax highlight.
• Player de Música Lo-Fi: Playlist relaxante para foco, com controles completos.
• Pomodoro: Timer para ciclos de foco e pausa.
• Timer: Cronômetro simples para medir tempo de atividades.
• Lembrete de Água: Defina intervalos para ser lembrado de beber água.
• Busca: Pesquise rapidamente entre suas notas, tarefas e códigos.
• Temas: Vários temas escuros e claros, totalmente customizáveis.
• Persistência: Tudo salvo automaticamente no localStorage e/ou GitHub.
• Barra de status e dock: Acesso rápido a todos os apps.
• ChatGPT (API): Converse com a IA usando sua própria chave da OpenAI.

🖥️ Acesse em

DevRoom

🚀 Instalação

git clone https://github.com/Lucas19Alves/dev-room
cd dev-room
npm install
npm run dev

Acesse em http://localhost:5173

🛠️ Tecnologias

• Vue 3
• Vite
• Tailwind CSS
• highlight.js (para snippets)
• Font Awesome (ícones)

🎨 Temas

Personalize o visual do Dev Room com temas como:

• Default
• Dark
• Solarized
• Dracula
• Gruvbox
• Nord

📁 Estrutura

src/
  components/
    Window.vue
    QuickNotes.vue
    TodoList.vue
    DeployChecklist.vue
    CodeSnippets.vue
    MusicPlayer.vue
    Pomodoro.vue
    Timer.vue
    WaterReminder.vue
    Search.vue
    Themes.vue
    ChatGPT.vue
    ...
  App.vue
  style.css

📋 Licença

MIT

---

Feito com 💙 para devs que gostam de produtividade e organização!