🔵 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/ <br> -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

<ul> <li>HTML</li> <li>CSS</li> <li>JS</li> <li>Web Storage API</li> </ul>

📘 Bibliotecas JavaScript

<ul> <h2>highlight.js</h2> <br>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.<br> <br><img src="https://i.ibb.co/Fm3fJL4/syntaxhighlight.png"><br><br> <h2>dom-to-image.js e fileSaver.js</h2> <br>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 <bold>png, jpeg e svg</bold> </ul>

⭐ Versão final

<h2>Editor de código / Index</h2> <img src="https://i.imgur.com/mUlki5M.png"> <h2>Aba comunidade</h2> <img src="https://i.imgur.com/JY5Ejjv.png">

🏅 Badges

Imagens enviadas aos participantes que completaram o desafio proposto.

<table> <tr> <td><img src="https://user-images.githubusercontent.com/79534537/151368467-3f4e6585-a4a7-4499-8541-a9edc8eaf720.png" width="300" height="300"></td> <td><img src="https://user-images.githubusercontent.com/79534537/151368680-ed2618fb-53f9-424c-87bf-34132994039c.png" width="300" height="300"></td> <td><img src="https://user-images.githubusercontent.com/79534537/151368454-5eebe15b-bcc0-41c4-8850-28bd3d538599.png" width="300" height="300"></td> </tr> </table>