Skip to content

ValeHernandezz/spookify

Repository files navigation

👻 Spookify

¡Convierte tus fotos en imágenes aterradoras con Spookify! Genera fondos espeluznantes, transforma personas en criaturas de miedo, añade disfraces o máscaras, y descarga tus creaciones para compartirlas con amigos. ¡Todo esto usando la magia de la inteligencia artificial!

mockup-desktop

mockup-mobile

✔ Funcionalidades

  • Generar fondos de terror: Cambia el fondo de tus imágenes por escenarios espeluznantes como cementerios embrujados o paisajes apocalípticos.
  • Transformar las personas: Aplica efectos terroríficos a las personas en tus fotos, como convertirlas en zombis o monstruos.
  • Poner máscaras: Añade máscaras icónicas de personajes de películas de terror como Jason Voorhees o Freddy Krueger.
  • Rellenar fotos o recortarlas: Ajusta el tamaño de tus imágenes, añade o recorta áreas para lograr el encuadre perfecto.
  • Ponerle disfraz a las personas: Transforma la ropa de los personajes en disfraces aterradores, perfectos para la temática de Halloween.
  • Efectos personalizados con IA: Si no te gustan los efectos predeterminados, puedes crear el efecto que se te ocurra mediante inteligencia artificial.
  • Descargar y compartir tus fotos: Guarda y comparte tus creaciones terroríficas con amigos y familiares a través de redes sociales.

🔧 Configuración del entorno

Antes de ejecutar la aplicación, asegúrate de configurar las variables de entorno en un archivo .env en el directorio raíz del proyecto. A continuación, se muestran las variables requeridas:

NEXT_PUBLIC_CLOUDINARY_URL= #tu_cloudinary_url
CLOUDINARY_API_KEY= #tu_api_key
CLOUDINARY_API_SECRET= #tu_api_secret
CLOUDINARY_UPLOAD_PRESET= #tu_upload_preset
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME= #tu_cloud_name
PERPLEXITY_API_KEY= #tu_perplexity_api_key
NEXT_PUBLIC_URL_FRONTEND= #http://localhost:3000

📦 Instalación de dependencias

Para instalar los paquetes necesarios, puedes utilizar cualquiera de los siguientes gestores de paquetes:

  • pnpm (recomendado por su eficiencia y rapidez)

    pnpm i
  • npm

    npm i

🚀 Iniciar el proyecto

Una vez que hayas configurado tu archivo .env, puedes iniciar el proyecto usando uno de los siguientes comandos:

▶️ Ejecutar el proyecto

pnpm run dev

o

npm run dev

🛠️ Construido con

  • Cloudinary_API - Plataforma para gestionar, optimizar y transformar imágenes y videos a través de su API.
  • Perplexity_API - Plataforma que ofrece modelos de lenguaje generativo a través de su API para desarrolladores.
  • Next_JS - Framework de React que permite construir sitios web.
  • React - Biblioteca para interfaces de usuario web y nativas.
  • JavaScript - Lenguaje de programación para desarrollar funciones interactivas en páginas web.
  • Typescript - Superconjunto de JavaScript que añade tipos estáticos y objetos basados en clases.
  • Tailwind_CSS - Framework de CSS para crear diseños web con clases predefinidas.

💻 Desarrollado por

👨‍💻 nicomelendez portfolio linkedin
👩‍💻 ValeHernandezz portfolio linkedin

Contributors 2

  •  
  •