Meme Generator

Clique aqui para ver o projeto no navegador.

Sobre

Projeto desenvolvido por Jonathan R. Andrade na Trybe.

Nesse projeto eu desenvolvi um site para criar memes, é possível digitar texto em imagens já disponíveis no site ou fazer upload das próprias imagens, também é possível alterar a borda das imagens.

Habilidades desenvolvidas

  • Utilizar HTML para construir páginas WEB;
  • Utilizar o JavaScript para manipular os elementos HTML através do DOM;
  • Utilizar CSS para adicionar estilo e posicionar elementos;
  • Manipular arquivos com JavaScript.

Ferramentas utilizadas

  • HTML5
  • CSS3
  • JavaScript ES6+
  • Node.js v14

Como executar

Siga os passos abaixo executando os comandos no terminal.

  1. Clone o repositório.

    • Exemplo com Git + HTTPS
      git clone https://github.com/Jonathan-R-Andrade/meme-generator.git
      
    • Exemplo com Git + SSH
      git clone git@github.com:Jonathan-R-Andrade/meme-generator.git
      
    • Usando GitHub CLI
      gh repo clone Jonathan-R-Andrade/meme-generator
      

    Entre na pasta do repositório clonado.

  2. Instale as dependências:

    npm install
    

Executando a aplicação

Entre na pasta src e abra o arquivo index.html no navegador.


Executando os linters

Para garantir a qualidade do código os linters ESLint e StyleLint foram utilizados, para rodá-los, execute os comandos abaixo:

  • Para rodar o ESLint:
    npm run lint
    
  • Para rodar o StyleLint:
    npm run lint:styles