https://github.com/kenkyoo/meme-maker

Este es un proyecto web que combina frontend y backend para crear memes personalizados de manera sencilla y rápida.
https://github.com/kenkyoo/meme-maker

axios cors css expressjs html imgflip-api javascript jquery meme-generator memes nodejs semantic-ui showalert-swiftui webpack

Last synced: 3 months ago
JSON representation

Este es un proyecto web que combina frontend y backend para crear memes personalizados de manera sencilla y rápida.

• Host: GitHub
• URL: https://github.com/kenkyoo/meme-maker
• Owner: Kenkyoo
• Created: 2024-12-02T07:53:41.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-02T08:15:46.000Z (over 1 year ago)
• Last Synced: 2026-01-03T11:29:10.464Z (6 months ago)
• Topics: axios, cors, css, expressjs, html, imgflip-api, javascript, jquery, meme-generator, memes, nodejs, semantic-ui, showalert-swiftui, webpack
• Language: JavaScript
• Homepage: https://meme-maker-three-phi.vercel.app
• Size: 217 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Meme Creator

¡Bienvenido a Meme Creator! Este es un proyecto web que combina frontend y backend para crear memes personalizados de manera sencilla y rápida.

Características

    Selección de plantillas a partir de la API de Imgflip.

    Añade texto personalizado con configuraciones como:

        Tamaño de fuente.

        Tipo de fuente.

    Generación de memes con un enlace directo.

    Interfaz amigable e intuitiva.

    Búsqueda rápida de plantillas mediante un sistema de filtrado.

Tecnologías

Backend

    Node.js con Express para manejar las solicitudes.

    Axios para realizar peticiones a la API de Imgflip.

    CORS para permitir el acceso desde diferentes dominios.

Frontend

    HTML5, CSS3 y JavaScript.

    Semantic UI para estilos y diseño.

    SweetAlert2 para notificaciones elegantes.

    JQuery para interactividad.

Herramientas de Desarrollo

    Webpack para empaquetar el frontend.

Uso de la Aplicación

    Selecciona una plantilla de la galería.

    Personaliza el texto con las opciones disponibles.

    Haz clic en Crear para generar tu meme.

    Descarga o comparte el enlace del meme creado.

Estructura del Proyecto

/src

  |-- style.css         # Estilos personalizados.

  |-- main.js           # Código JS principal.

/assets

  |-- semantic          # Archivos de Semantic UI.

  |-- hover             # Estilos de animación.

/dist

  |-- main.js           # Archivo generado por Webpack.

server.js               # Servidor Node.js.

package.json            # Dependencias y scripts.

index.html              # Página principal.

webpack.config.js       # Configuración de Webpack.

Contribución

Si deseas contribuir, abre un issue o envía un pull request con tus mejoras. Toda colaboración es bienvenida. 😊

Licencia

Este proyecto está bajo la Licencia MIT.