Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/johnsi15/hallow-stick

Transforma tus imágenes en stickers de Halloween únicos.
https://github.com/johnsi15/hallow-stick

astro cloudinary hackathon halloween javascript

Last synced: 21 days ago
JSON representation

Transforma tus imágenes en stickers de Halloween únicos.

Awesome Lists containing this project

README 

        


  

    Astro

  

  

  

    Cloudinary

  




# HallowStick 🎃👻



Dale un toque espeluznante a tus fotos convirtiéndolas en stickers de Halloween únicos. 🧙



[HallowStick](https://hallowstick.netlify.app/) te permite generar imágenes personalizadas con temáticas de Halloween, incluyendo calabazas, brujas, fantasmas y zombies, agregando un toque creativo tipo sticker. 🧟



Estas imágenes se pueden descargar y compartir fácilmente en redes sociales, como WhatsApp y otras plataformas, ofreciendo una forma divertida de celebrar Halloween y sorprender a tus amigos con diseños únicos.





  


    

      HallowStick

    

  





## Tecnologías utilizadas



- [**Astro**](https://astro.build/) - Framework moderno enfocado en generar sitios web rápidos y ligeros.

- [**Cloudinary**](https://cloudinary.com/) - Plataforma para gestión y optimización de multimedia con tecnología basada en IA.

- [**Astro-Cloudinary**](https://astro.cloudinary.dev/) - Integración que combina Astro y Cloudinary para manejar imágenes y medios eficientemente.

- [**Fontsource**](https://fontsource.org/) - Biblioteca de fuentes autohospedadas para facilitar la gestión tipográfica en proyectos web.

- [**TailwindCSS**](https://tailwindcss.com) - Framework de utilidades CSS para crear diseños personalizados sin escribir CSS desde cero.

- [**Prettier**](https://prettier.io) - Herramienta de formateo de código que asegura consistencia en estilo y legibilidad.



## 🚀 Getting Started



**Requirements:**



- [x] [Node.js](https://nodejs.org) (+v20.x) instalado.

- [x] [npm](https://www.npmjs.com) (v10+) instalado.

- [x] [Variables de entorno](https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables) revisar el archivo .env.example.

- [x] [Visual Studio Code](https://code.visualstudio.com) con las extensiones recomendadas instaladas (ESLint, Prettier, Tailwind CSS IntelliSense).



**¿Cómo funciona el proyecto?**



* `npm install` to install the dependencies

* `npm run dev` to run development mode app

* `npm build` to build production app

* `npm start` to run mode production



## Variables de entorno



Para ejecutar el proyecto correctamente, es necesario crear un archivo `.env` en la raíz del proyecto con las siguientes variables:



```shell

PUBLIC_CLOUDINARY_CLOUD_NAME="" # Nombre del servicio en Cloudinary

PUBLIC_CLOUDINARY_API_KEY="" # Clave pública para acceder a la API

CLOUDINARY_API_SECRET="" # Clave secreta utilizada para operaciones seguras con Cloudinary

```



Asegúrate de revisar el archivo `.env.example` como referencia para configurar estas variables correctamente.



## Contacto



Puedes contactarme si tienes dudas sobre el proyecto o cualquier otra cosa en la que pueda ayudarte.



**Email: [email protected]**



## FAQ



1. **¿Cómo puedo crear un sticker?**

  

  > Puedes crear un sticker seleccionando uno de los temas disponibles, como calabazas, brujas, fantasmas o zombies. Luego, presiona el botón Generar Sticker. Una vez generado puedes personalizar tu sticker añadiendo texto.



2. **¿Cómo puedo descargar y compartir un sticker?**

   

> Una vez generado el sticker, podrás usar la opción Descargar para guardarlo como imagen. También tienes la posibilidad de compartirlo directamente por WhatsApp u otras redes sociales usando el enlace proporcionado.



3. **¿Cuál es el límite para crear sticker?**



> No hay un límite para crear stickers. Puedes diseñar y personalizar tantos como quieras con los diferentes temas disponibles en la plataforma. ¡Diviértete experimentando con ellos!



4. ¿Qué temas están disponibles para personalizar los stickers?



> Puedes elegir entre diferentes temas como calabazas, brujas, fantasmas y zombies para que tus stickers tengan un toque especial de Halloween.



5. ¿Puedo añadir texto y cambiar los colores del sticker?



> Sí, puedes personalizar tus stickers agregando texto y cambiando los colores para adaptarlos a tu estilo o mensaje.



6. ¿En qué redes sociales puedo compartir los stickers?



> Los stickers se pueden compartir en WhatsApp y otras plataformas como Instagram y Facebook, facilitando que envíes tus creaciones a amigos y familiares.



7. ¿Es posible usar mis propias imágenes para los stickers?



> ¡Claro que sí! Puedes seleccionar cualquier imagen o fotografía que desees y añadirle un toque de Halloween.



8. ¿Necesito crear una cuenta para usar el sistema?



> No es necesario registrarse, puedes generar y compartir stickers directamente desde la plataforma sin complicaciones.



## ☁️ Desplegado en Netlify



- ✅ [hallowstick.netlify.app](https://hallowstick.netlify.app/).