Generador de memes

Meme Generator es una aplicación web divertida e interactiva que permite a los usuarios crear memes personalizados utilizando varias plantillas. Llevo un par de meses aprendiendo sobre desarrollo de software desde una plataforma educativa, y este proyecto era parte del plan de estudios.

Tabla de contenido

1. Manifestación
2. Características
3. Pila tecnológica
4. Instalación
5. Uso
6. Autor
7. Licencia
8. Muestre su apoyo

Manifestación

¿Quieres ver el Generador de Memes en acción? ¡Mira nuestra demostración en vivo!

Haga clic aquí para ver la demostración

Características

• Generación dinámica de memes: recupera imágenes de memes aleatorias desde una API.
• Texto personalizable: agrega texto superior e inferior para crear memes únicos.
• Diseño responsivo: optimizado para visualización tanto en escritorio como en dispositivos móviles.
• Vista previa en tiempo real: mira la actualización de tu meme a medida que escribes.
• UI limpia: Interfaz de usuario sencilla e intuitiva.

Pila de tecnología

• Frontal: React.js
• Herramienta de compilación: Vite para un desarrollo rápido y eficiente
• Estilo: MENOS para capacidades de estilo avanzadas
• Gestión de estado: React Hooks (useState, useEffect)
• Integración de API: Recuperar API para recuperar plantillas de memes

Instalación

1. Clonar el repositorio:

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

1. Navega al directorio del proyecto:

   cd meme_generator

1. Instalar dependencias:

   npm install

1. Iniciar el servidor de desarrollo:

   npm run dev

Uso

1. Abre la aplicación en tu navegador.
2. Haz clic en el botón "Obtener una nueva imagen de meme" para cargar una plantilla de meme aleatoria.
3. Ingresa el texto que desees en los campos "Texto superior" y "Texto inferior".
4. El meme se actualizará en tiempo real a medida que escribas.
5. Guarda o comparte tu meme creado (función por implementar).

Autor

? Shivam Agarwal

• Twitter: @shivam_agarwaal

Licencia

Este proyecto tiene la licencia MIT.

Muestra tu apoyo

Dar un ?? ¡Si te gustó!