https://github.com/samuelrocha91/memegenerator

Cria uma funcionalidade que gera um meme através da inserção de imagem, texto e bordas
https://github.com/samuelrocha91/memegenerator

css html javascript

Last synced: about 10 hours ago
JSON representation

Cria uma funcionalidade que gera um meme através da inserção de imagem, texto e bordas

• Host: GitHub
• URL: https://github.com/samuelrocha91/memegenerator
• Owner: SamuelRocha91
• Created: 2023-10-21T19:24:09.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-21T19:54:35.000Z (about 1 year ago)
• Last Synced: 2023-10-21T20:34:27.012Z (about 1 year ago)
• Topics: css, html, javascript
• Language: JavaScript
• Homepage:
• Size: 6.19 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Projeto Gerador de Memes 

![Demonstração do projeto](./gifs/Memegenerator.gif)

## 🌐 

[![Português](https://img.shields.io/badge/Português-green)](https://github.com/SamuelRocha91/memeGenerator/blob/main/README.md) 

[![Español](https://img.shields.io/badge/Español-yellow)](https://github.com/SamuelRocha91/memeGenerator/blob/main/README_es.md) 

[![English](https://img.shields.io/badge/English-blue)](https://github.com/SamuelRocha91/memeGenerator/blob/main/README_en.md) 

[![Русский](https://img.shields.io/badge/Русский-lightgrey)](https://github.com/SamuelRocha91/memeGenerator/blob/main/README_ru.md) 

[![中文](https://img.shields.io/badge/中文-red)](https://github.com/SamuelRocha91/memeGenerator/blob/main/README_ch.md) 

[![العربية](https://img.shields.io/badge/العربية-orange)](https://github.com/SamuelRocha91/memeGenerator/blob/main/README_ar.md)

   
 Descrição 
 


  Este é um projeto bônus desenvolvido durante o módulo de **Fundamentos** do curso de **Desenvolvimento Web** da **Trybe**. O objetivo principal foi aplicar e reforçar conceitos de **JavaScript**, **CSS** e **HTML** para criar um gerador de memes simples. O projeto envolveu a manipulação dos arquivos `script.js`, `index.html` e `style.css`.

  
 Lista de Funcionalidades
 


  A aplicação permite:

  - **Carregar uma imagem**: Escolha uma imagem do seu dispositivo ou use uma imagem sugerida.

  - **Adicionar texto**: Insira texto personalizado sobre a imagem.

  - **Adicionar bordas coloridas**: Escolha cores para adicionar bordas ao meme.

  - **Gerar memes**: Combine as opções acima para criar o meme desejado.

   
 Lista de Competências 
 


  Durante o desenvolvimento deste projeto, foram aprimoradas as seguintes habilidades:

  1. Manipulação de elementos no **DOM**.

  2. Aplicação de **lógica de programação** em um contexto real.

  3. Utilização de **estruturas de repetição** para processamento de dados.

  4. Implementação de **condicionais** para controle de fluxo.

  5. Criação e uso de **funções** para modularização e reutilização de código.

   
 Lista de Projetos 
 


  Aqui estão outros projetos que desenvolvi durante o início da minha jornada como desenvolvedor:

  - 🖥️ [Conversor de binários](https://github.com/SamuelRocha91/Bin2Dec)

  - 🎨 [Pixels Art](https://github.com/SamuelRocha91/PixelsArt)

  - 📝 [Todo List](https://github.com/SamuelRocha91/TodoList)

  - 🧮 [Calculadora](https://github.com/SamuelRocha91/calculator)

  - 🪐 [Star Wars Planets](https://github.com/SamuelRocha91/javascriptStarWarsPlanets)

  
 Instruções 
 

  

  1. Clone este repositório:

     ```bash

     git clone https://github.com/SamuelRocha91/memeGenerator.git

     ```

  2. Navegue até o diretório do projeto:

     ```bash

     cd memeGenerator

     ```

  3. Abra o arquivo `index.html` no seu navegador.