https://github.com/kenkyoo/app-recommendations

Esta aplicación te ayuda a descubrir nueva música basada en tus artistas y canciones favoritas. Encuentra artistas similares, explora nuevos géneros, y disfruta de recomendaciones personalizadas para enriquecer tu experiencia musical.
https://github.com/kenkyoo/app-recommendations

axios daisyui glide html javascript jquery lazysizes node nodejs render tailwindcss webpack

Last synced: 3 months ago
JSON representation

Esta aplicación te ayuda a descubrir nueva música basada en tus artistas y canciones favoritas. Encuentra artistas similares, explora nuevos géneros, y disfruta de recomendaciones personalizadas para enriquecer tu experiencia musical.

• Host: GitHub
• URL: https://github.com/kenkyoo/app-recommendations
• Owner: Kenkyoo
• Created: 2024-11-26T07:27:55.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-26T08:52:24.000Z (over 1 year ago)
• Last Synced: 2025-10-08T10:30:49.580Z (9 months ago)
• Topics: axios, daisyui, glide, html, javascript, jquery, lazysizes, node, nodejs, render, tailwindcss, webpack
• Language: CSS
• Homepage: https://app-recommendations.vercel.app
• Size: 1.62 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
🎵 Recomendaciones Musicales

¡Bienvenido a Recomendaciones Musicales!

Esta aplicación te ayuda a descubrir nueva música basada en tus artistas y canciones favoritas. Encuentra artistas similares, explora nuevos géneros, y disfruta de recomendaciones personalizadas para enriquecer tu experiencia musical.

🚀 Características

    Búsqueda Personalizada: Ingresa el nombre de un artista o canción, y obtén recomendaciones relacionadas.

    Exploración Dinámica: Un carrusel interactivo muestra lanzamientos recientes y artistas destacados.

    Interfaz Intuitiva: Diseño atractivo y fácil de usar, optimizado para todos los dispositivos.

    Datos en Tiempo Real: Obtiene información actualizada desde una API.

🛠️ Tecnologías Utilizadas

Frontend:

    HTML5 y CSS3 (TailwindCSS, DaisyUI)

    JavaScript (con módulos y librerías dinámicas como Axios y Glide.js)

    Librerías Adicionales:

        Lodash: Utilidades para manipulación de datos.

        LazySizes: Carga diferida de imágenes.

Backend:

    Conexión a una API personalizada alojada en Render.

Build Tools:

    Webpack: Para compilar y optimizar los recursos.

    Vercel: Despliegue de la aplicación.

⚙️ Configuración del Proyecto

Requisitos:

    Node.js y npm instalados.

¡Claro! Aquí tienes un ejemplo de un archivo README.md bien estructurado para tu proyecto. Puedes ajustarlo según lo necesites.

🎵 Recomendaciones Musicales

¡Bienvenido a Recomendaciones Musicales!

Esta aplicación te ayuda a descubrir nueva música basada en tus artistas y canciones favoritas. Encuentra artistas similares, explora nuevos géneros, y disfruta de recomendaciones personalizadas para enriquecer tu experiencia musical.

🚀 Características

    Búsqueda Personalizada: Ingresa el nombre de un artista o canción, y obtén recomendaciones relacionadas.

    Exploración Dinámica: Un carrusel interactivo muestra lanzamientos recientes y artistas destacados.

    Interfaz Intuitiva: Diseño atractivo y fácil de usar, optimizado para todos los dispositivos.

    Datos en Tiempo Real: Obtiene información actualizada desde una API.

🛠️ Tecnologías Utilizadas

Frontend:

    HTML5 y CSS3 (TailwindCSS, DaisyUI)

    JavaScript (con módulos y librerías dinámicas como Axios y Glide.js)

    Librerías Adicionales:

        Lodash: Utilidades para manipulación de datos.

        LazySizes: Carga diferida de imágenes.

Backend:

    Conexión a una API personalizada alojada en Render.

Build Tools:

    Webpack: Para compilar y optimizar los recursos.

    Vercel: Despliegue de la aplicación.

⚙️ Configuración del Proyecto

Requisitos:

    Node.js y npm instalados.

Pasos para Ejecutar Localmente:

    Clona el repositorio:

git clone https://github.com/Kenkyoo/app-recommendations.git

cd app-recommendations

Instala las dependencias:

npm install

Construye el proyecto:

npm run build

Sirve la aplicación localmente (opcional):

    npm run start

    O abre el archivo dist/index.html en tu navegador.

📁 Estructura del Proyecto

.

├── src/

│   ├── index.js          # Entrada principal del proyecto

│   ├── style.css         # Estilos personalizados

│   ├── output.css        # Estilos generados por TailwindCSS

│   ├── assets/           # Imágenes y recursos estáticos

│   └── modules/          # Módulos para manejar componentes (slider, resultados, info)

├── dist/

│   ├── main.js           # Código compilado

│   ├── index.html        # Página principal de la app

│   └── assets/           # Recursos copiados al build final

├── package.json          # Configuración de dependencias y scripts

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

└── README.md             # Documentación del proyecto

🌐 Despliegue en Producción

La aplicación está desplegada en Vercel. Puedes acceder a la versión en vivo aquí:

👉 Recomendaciones Musicales en Vercel

🤝 Contribuciones

¡Las contribuciones son bienvenidas!

Si encuentras un bug o tienes ideas para mejorar la app, por favor abre un issue o envía un pull request.

©️ Licencia

Este proyecto está bajo la Licencia MIT. Para más detalles, consulta el archivo LICENSE.