Clique aqui para ver o projeto no navegador.
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.
- 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.
- HTML5
- CSS3
- JavaScript ES6+
- Node.js v14
Siga os passos abaixo executando os comandos no terminal.
-
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.
- Exemplo com Git + HTTPS
-
Instale as dependências:
npm install
Entre na pasta src
e abra o arquivo index.html
no navegador.
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