Como crear un Marketplace con Herramientas No-Code

admin
Durante la organización del NoCode Fest van saliendo muchas dudas, Carlos Juste preguntó:

Hola a todos, estoy desarrollando un proyecto personal de Marketplace B2B del sector Agro.... tenéis idea de que herramienta No-Code podría funcionar y servir de base para hacer este Marketplace? Principalmente sería para conectar a pequeños productores con potenciales minoristas clientes! gracias a todos de antemano!!

Y aquí va la respuesta:
Tienes diferentes maneras de abordar el problema:
Una muy sencilla que se me ocurre es usar Airtable como base de datos y crear un formulario donde los usuarios pueden subir el catálogo en PDF, luego puedes usar alguna solución como Pory que te permite transformar Airtable en una web, ahí muestras el catálogo/filtro.  Te serviría como MVP.


Por otro lado si quieres algo hecho https://www.sharetribe.com/ , aunque no lo vas a poder personalizar mucho.

También tienes https://www.connorfinlayson.com/ncc , donde el Connor te explica como él ha creado un marketplace  con Webflow, Memberstack, Airtable y Zapier 
Like Comment

Generación de datos aleatorios de personas

admin
Para generar datos aleatorios de personas me he encontrado
randomuser.me/ . Es superpotente y dispone de una API donde puedes filtrar por el tipo de persona que quieres que aparezca


Si solo necesitas generar caras de personas no reales con Inteligencia artificial: 
https://thispersondoesnotexist.com/

Plataformas para medir el rendimiento / velocidad de tu web

admin
Hola ! 

Bien es conocido que la velocidad y rendimiento de tu sitio web impacta en la experiencia de usuario y en los ránkings de google.

Existen varias opciones para medirlo:
  • https://developers.google.com/speed/pagespeed/insights/
  • https://www.webpagetest.org/
  • https://gtmetrix.com/


También puedes automatizar la comprobación de tu web con Lighthouse en tu sistema de integración continua y por ejemplo hacer que si empeora, que no pase los tests y por ende no se despliegue a producción:
  • https://github.com/marketplace/actions/lighthouse-check
  • https://vercel.com/integrations/lighthouse

A destacar también una herramienta ( de pago ) que audita de forma automática tu web y te envía reports semanales:

https://calibreapp.com/
Like Comment

AppSheet : Crea apps con Google Sheets de forma nativa

admin
Hoy he visto que Google ha lanzado su propia herramienta para poder crear apps desde Google Sheets solutions.appsheet.com/workspace 

¿Qué os parece? ¿Acabará esto con las diferentes webs (Glide, Sheetsu, sheet2site, tables2site..) que ofrecen este servicio?
Like Comment

Espacio para ofertas de empleo

admin
¡Hola!

Este espacio es para publicar ofertas de empleo, ya sea de vuestras propias empresas o alguna oferta que creáis interesante para la comunidad :)

Lo que debe tener una buena oferta:
  • Presentación empresa 
  • Responsabilidades del cargo y trabajo a desempeñar.
  • Metodología de trabajo
  • Horario de trabajo y presencia física / remoto
  • Remuneración y tipo de contrato ( asalariado, autónomo, por obra y servicio...) 
Like Comment

Creando un MVP de sistema de afiliados para SharingAway sin backend

admin
¡Hola a todos!

Me gustaría contaros como creamos el MVP para el sistema de afiliados de SharingAway sin necesidad de crear ningún backend para ello. Lo mejor de este sistema es que sirve para cualquier web estática y no es necesario tocar nada de Backend.

Queríamos hacer crecer la newsletter y para ello pensamos en ofrecer una recompensa por referirnos suscriptores

Estaba un poco cansado de tanto SaaS y sobrecomplicar las cosas así que pensé: ¿Cómo puedo hacerlo fácil?

¡ Javascript + Cookies al rescate !

Al lío:
Toda la magia pasa en en el formulario de suscripción de la newsletter, que no es más que un form que hace un POST a un Backend de https://formspree.io/ donde se van guardando las altas y tiene esta pinta:



Como podéis ver, en esta tabla estamos guardando: el email del suscriptor, el origen ( desde que posición del formulario de suscripción se está enviando) y el referral ( explicaré luego con más detalle).

<form id="form-top" action="XXXX" method="POST">
     <input type="hidden" name="origen" value="top">
     <input type="hidden" name="referral" value="false">
     <input id="form-text-top" type="text" name="email" placeholder="¡Recibe contenido fresco!">
<div class="search__text" id="form-btn-top">Únete</div>
</form>

La gracia aquí radica en los campos `hidden`, que automáticamente se añaden como columna, así que podemos ir trackeando toda la información que nos interese.


¿Cómo se almacena la información de los referidos y quién los refiere?
Como explicamos aquí para referir a una persona, el afiliado tiene que compartir el enlace con: `https://sharingaway.com/?aid=TUEMAIL`
 
En Javascript evaluamos cada petición para ver si la URL contiene alguna id de afiliado:

function getReferral(){
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    const referralEmail = urlParams.get('aid')
    if(referralEmail === null){
        return false;    
    }
    setCookie(referralEmail)
    return referralEmail;
    
}

En caso de que lo contenga, seteamos el cookie
function setCookie(email) {
    document.cookie = "aid="+email;
}

Creamos una función para poder leer los cookies cuando vamos a enviar el formulario:
function readCookie() {
    const cookieValue = document.cookie
            .split('; ')
            .find(row => row.startsWith('aid'))
            .split('=')[1];
  
    if(cookieValue === null ) {
        return false;
    }
    return cookieValue
}


Función para añadir el referal al campo oculto del formulario:
function setReferral() {
    const referralsValues = document.getElementsByName("referral");
    referralsValues.forEach(
        element => element.value = getReferral()
    )
}

Y finalmente se llaman a las funciones para hacer las comprobaciones y actuar en consecuencia:

if(getReferral){
    setReferral()
}


Esto nos permitió tener el MVP del sistema de afiliados, con un backend de Formspree listo en un rato ! :)

Espero que os resulte útil el contenido, cualquier duda o mejora soy todo oídos. 
Like Comment

Plantillas gratis e inspiración

admin
Dejo aquí una lista de las webs/blogs que uso para buscar recursos de diseño y plantillas:

  • https://tympanus.net/codrops/ (tutoriales y ejemplos con muy buena usabilidad y diseño) 
  • https://onepagelove.com/ awwwards.com/  ( inspiración y plantillas para landings) 
  • https://www.flaticon.com/ ( infinidad de iconos en licencia creative commons) 
  • https://unsplash.com/, https://pixabay.com/ y pexels.com  ( imágenes de stock de uso libre)
  • http://codyhouse.co/ ( componentes HTML y CSS )  
  • https://css-tricks.com/snippets/javascript/ https://www.smashingmagazine.com/ ( blogs interesantes con multitud de recursos de CSS y Javascript) 


¡Espero que os sean útiles! 
Like Comment

Anuncios SharingAway

admin
Vamos a utilizar este topic para ir actualizando todo lo relativo a SharingAway.
Like Comment

Herramientas imprescindibles en tu día a día

admin
¡Hola!

Abro este hilo para que cada uno comente las herramientas que resultan indispensables en tu día a día.


Para comunicaciones:
  • Gmail 
  • Slack

Para organizarme todo:
  • Notion
  • Google Sheets y Airtable

Prototipado / Diseño de interfaces
  • Balsamiq  : Me gusta especialmente por el estilo que tiene como si lo hubieses prototipado a manita.