Skip to content

Latest commit

 

History

History
102 lines (74 loc) · 3.12 KB

README.md

File metadata and controls

102 lines (74 loc) · 3.12 KB

AluraDev

AluraDev um editor de texto online que te permite salvar seu código na aba comunidade ou exportar um arquivo PNG.

Como rodar o projeto

Basta clonar o repositório e abrir o index.html no browser (recomendo o Chrome). Pode também usar o VsCode com a extensão "Live Server".

Como utilizar

  • Para utilizar o editor de código, basta clicar no bloco preto e começar a digitar, após ter digitado o seu código, escolha a linguagem em personalização e clique em "Visualizar com o highlight" para que o highlight se ative.

  • Para alterar a cor de fundo do editor, clique no seletor de cor em personalização e escolha a cor desejada.

  • Para salvar o projeto, é necessario preencher os campos de nome e descrição e fazer o login, 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.

  • Para salvar o seu código em PNG clique no ícone da camera no editor de código.

Conteúdos

Overview

Funcionalidades

Os usuarios serão capazes de:

  • Fazer login informando o nome de usuário do GitHub.
  • Editar o código e setar o highlight.
  • Salvar o seu projeto na aba comunidades.
  • Salvar o seu projeto na extensão PNG.
  • Verificar seu projeto na aba comunidades.
  • Projetos permanecerem na aba comunidades.
  • Pesquisar por projetos salvos.

Screenshots

Links

Processo

Construido com

  • HTML
  • CSS
  • JavaScript
  • BootStrap
  • jQuery
  • highlight
  • sweetalert2
  • html2canvas
  • FileSaver
  • C# WebApi .NET 6.0
  • MongoDB
  • Docker

O que eu aprendi

  • Utilizar frameworks como:
  • Utilizar bibliotecas como:
  • Desenvolvimento em grupo, interagindo com a comunidade no discord.
  • Utilizar o trello para organizar minhas tarefas.
  • Utilizar o figma para ver o design e baixar os ícones/imagens.
  • Construir uma WebApi em C# com arquitetura em camadas.
  • Colocar o app WebApi em container com Docker.
  • Criar testes unitários com NUnit.
  • Usar banco NoSQL com MongoDB.

Continuação do desenvolvimento

Pretendo adicionar algumas features como:

  • Logar com GitHub em vez de buscar pelo nome do usuário para maior segurança.
  • Ver e Editar perfil.
  • Comentar e mostar comentários.

Autor