/AluraChallenge

Website desenvolvido no Challenge Frond-End da Alura.

Primary LanguageHTML

🔵 AluraChallenge ™

Website desenvolvido no Challenge Frond-End da Alura, um programa da plataforma para aproximar os alunos do ambiente de trabalho, onde os alunos devem desenvolver um projeto com base em requisições do figma e do trello, além de cooperar com os outros participantes via discord.

👨‍💻 O que é

O projeto desenvolvido consiste em uma ideia de plataforma para desenvolvedores compartilharem trechos de seus códigos de uma maneira simples e bonita, onde é possível customizar seus códigos e salva-los, deixando-os disponíveis para a comunidade ver e interagir com ele, o projeto não utiliza banco de dados, então os dados são armazenados na storage do navegador, atráves do Web Storage API.

-Endereço do projeto: https://lucastoll.github.io/AluraChallenge/
-Protótipo figma: https://www.figma.com/file/Ve4hpTfmMa7yAFneoGtGKD/Alura-Challenge---Edição-Front-end?node-id=207%3A729&viewport=86%2C-1148%2C0.3736729025840759

💻 Tecnologias utilizadas

  • HTML
  • CSS
  • JS
  • Web Storage API

📘 Bibliotecas JavaScript

    highlight.js


    Usada para desenvolver a funcionalidade do syntax highlight, que consiste em estilizar os códigos da plataforma de acordo com a linguagem daquele código.



    dom-to-image.js e fileSaver.js


    Usadas para desenvolver a funcionalidade para o usuário salvar seu código em uma imagem, sendo que o usuário pode escolher entre os formatos png, jpeg e svg

⭐ Versão final

Editor de código / Index

Aba comunidade

🏅 Badges

Imagens enviadas aos participantes que completaram o desafio proposto.