Gerador de memes

Meme Generator é um aplicativo da web divertido e interativo que permite aos usuários criar memes personalizados usando vários modelos. Estou aprendendo sobre desenvolvimento de software há alguns meses em uma plataforma educacional e esse projeto fazia parte do currículo.

Índice

1. Demonstração
2. Características
3. Pilha de tecnologia
4. Instalação
5. Uso
6. Autor
7. Licença
8. Mostre seu apoio

Demonstração

Quer ver o Gerador de Memes em ação? Confira nossa demonstração ao vivo!

Clique aqui para ver a demonstração

Características

• Geração dinâmica de memes: busque imagens aleatórias de memes de uma API.
• Texto personalizável: Adicione texto superior e inferior para criar memes exclusivos.
• Design responsivo: otimizado para visualização em computadores e dispositivos móveis.
• Visualização em tempo real: veja a atualização do seu meme enquanto você digita.
• UI limpa: interface de usuário simples e intuitiva.

Pilha de tecnologia

• Frontend: React.js
• Build Tool: Vite para um desenvolvimento rápido e eficiente
• Estilo: MENOS para recursos avançados de estilo
• Gerenciamento de estado: Ganchos de reação (useState, useEffect)
• Integração de API: Buscar API para recuperar modelos de meme

Instalação

1. Clone o repositório:

   git clone https://github.com/undrthegraveyard/meme_generator.git

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

   cd meme_generator

1. Instalar dependências:

   npm install

1. Inicie o servidor de desenvolvimento:

   npm run dev

Uso

1. Abra o aplicativo no seu navegador.
2. Clique no botão "Obter uma nova imagem de meme" para carregar um modelo de meme aleatório.
3. Insira o texto desejado nos campos "Texto superior" e "Texto inferior".
4. O meme será atualizado em tempo real conforme você digita.
5. Salve ou compartilhe seu meme criado (recurso a ser implementado).

Autor

? Shivam Agarwal

• Twitter: @shivam_agarwaal

Licença

Este projeto está licenciado sob a licença MIT.

Mostre seu apoio

Dá um ?? se você gostou!