Skip to content

rayanne-barros/Challenge_alura_frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Alura Dev - Editor de código

Alura Dev é um editor de código que te permite salvar o projeto (códigos) na aba comunidade.

Como rodar o projeto

Primeiramente é necessário ter o node js instalado, clone o projeto com git clone https://github.com/rayanne-barros/Challenge_alura_frontend, após clonar o projeto, no console do seu editor de código digite o seguinte comando npm install para instalar todas as dependencias, e em seguida use npm start para iniciar o projeto.

Como utilizar

  • Para utilizar o editor de código, basta clicar no bloco preto e digitar, após ter digitado o seu código, clique no botão "Visualizar com o highlight", para que o highlight seja ativado.

  • Para alterar a cor de fundo do editor, clique no botão com cor azul e escolha a cor desejada.

  • Para salvar o projeto, é necessário preencher os campos de nome e descrição, após isso clicar em "Salvar projeto".

  • Para visualizar o seu projeto, basta clicar na aba "Comunidade" no menu da esquerda que lá estará todos os seus projetos criados.

O Challenge

Os usuários serão capazes de:

  • Editar o código e setar o highlight
  • Salvar o seu projeto na aba comunidades
  • Verificar seu projeto na aba comunidades

Links

Construído com:

  • HTML
  • Highlight
  • Flexbox
  • JavaScript

Continuação do desenvolvimento:

Pretendo adicionar algumas features como:

  • Exportação do código em png, svg ou jpg