Colorsitos.app - Tu Generador de Paletas de Colores 🎨

Colorsitos.app es una aplicación web elegante y moderna que te permite crear paletas de colores armónicas con un solo clic. Diseñada para inspirar creatividad y facilitar el diseño, esta herramienta combina tecnología de punta con una interfaz intuitiva y responsive. ¡Explora, personaliza y guarda tus colores favoritos!

✨ Características Principales

• Generación Instantánea: Crea paletas únicas y equilibradas presionando la barra espaciadora o con un clic.
• Bloqueo de Colores: Mantén tus tonos favoritos fijos mientras experimentas con nuevas combinaciones.
• Nombres de Colores: Descubre el nombre de cada color gracias a la integración con The Color API.
• Autenticación: Inicia sesión con email, Google o GitHub para desbloquear funcionalidades exclusivas.
• Gestión de Favoritos: Guarda colores y paletas en tu dashboard personal.
• Comparte tu Arte: Genera URLs únicas para compartir tus paletas con el mundo.
• Exporta a PDF: Descarga tus creaciones en formato PDF con un diseño limpio y profesional.
• Responsive y Animado: Disfruta de una experiencia fluida con gradientes animados en cualquier dispositivo.

🛠️ Tecnologías Utilizadas

• Frontend:
  • React (v18.3) - Construcción de la interfaz dinámica.
  • Tailwind CSS - Estilos rápidos y personalizados.
  • Lucide React - Iconos modernos y ligeros.
• Backend:
  • Firebase - Autenticación y almacenamiento en tiempo real.
• Librerías Clave:
  • chroma-js - Generación y manipulación de colores.
  • jspdf - Exportación a PDF.
• Herramientas de Desarrollo:
  • Vite - Empaquetado ultrarrápido.
  • ESLint y Prettier - Código limpio y consistente.
  • Vercel - Despliegue optimizado con SEO.

🚀 Instalación

¡Ponte manos a la obra y prueba Colorsitos.app en tu máquina local! Sigue estos pasos:

1. Clona el repositorio:

   git clone https://github.com/retrovertigo1981/colorPaletteGenerator.git
   

2. Accede al directorio:

    cd colorPaletteGenerator
   

3. Instala las dependencias:

    npm install
   

▶️ Ejecución

Para lanzar la aplicación en modo desarrollo:

npm run dev

Abre tu navegador en http://localhost:5173 y ¡comienza a generar colores!

🎮 ¿Cómo Usarlo?

• Generar Paletas: Haz clic en "Generate" o presiona la barra espaciadora.
• Bloquear Colores: Usa el ícono de candado para fijar un color.
• Guardar Favoritos: Autentícate y haz clic en el corazón para guardar colores o paletas.
• Compartir: Copia la URL única desde el ícono de compartir.
• Exportar: Descarga tus paletas en PDF desde el dashboard.

🤝 Contribución

¿Quieres hacer Colorsitos.app aún más genial? ¡Adelante!

1. Haz un fork del repositorio.
2. Crea una rama para tu feature:

    git checkout -b feature/nueva-idea

3. Commitea tus cambios:

    git commit -m "Agrega una nueva funcionalidad increíble"
   

4. Sube tu rama:

    git push origin feature/nueva-idea
   

5. Abre un Pull Request y comparte tu magia.

📜 Licencia

Este proyecto está bajo la Licencia MIT. Siéntete libre de usarlo, modificarlo y compartirlo.

👨‍💻 Autor

Creado con ❤️ por Sebastián Peña, un desarrollador full-stack JavaScript que ama transformar ideas en código.

• 🌐 LinkedIn
• 🐙 GitHub