Gambi Code

Gambi code é um ambiente de desenvolvimento front-end online, que disponibiliza ao usuário um espaço para escrever código HTML, CSS e Javascript e executá-los diretamente no navegador.

Tecnologias Utilizadas

Vue 3
Tailwind CSS
CodeMirror 6

Funcionalidades

Na versão atual do projeto, as seguintes funções estão disponíveis:

Editor de código com tabs separadas para cada linguagem (HTML, CSS e Javascript)
Execução do código, com o resultado exibido em uma janela
Download do código escrito, em formato .zip
Função de copiar código do editor atual para a área de transferência

Configuração e execução

Atualmente o projeto está disponível através do link https://gambi-code.netlify.app/

Caso deseje instalar e testar localmente, basta clonar o projeto e rodar os comandos abaixo no seu terminal:

Instalar as dependências do projeto

npm install

Build dos arquivos de estilo do Tailwind

npx tailwindcss -i ./src/input.css -o ./dist/output.css

Compilar e executar para desenvolvimento

npm run dev

sameoldcarlos/gambi-code