🦍 🔣 👨🏾‍✈️ Cómo mi sencillo proyecto de Github se volvió viral 👨🏼‍🎨 🏜️ 🍪

El mes pasado creé un proyecto simple que se extendió por varias comunidades tecnológicas y redes sociales. En Github, recibió de 0 a 4 mil estrellas y más de 200 tenedores en 7 días. Github lo ha estado promocionando en la sección Repositorios de tendencias del día durante aproximadamente cinco días .

Clone Wars

70+ clones de código abierto o alternativas a sitios populares como Airbnb, Amazon, Instagram, Netflix, Tiktok, etc. La lista contiene código fuente, enlaces de demostración, pila de tecnología y estrellas de GitHub.

Enlace al proyecto

Enlace a Github

Tendencia en Github - 13 de marzo de 2021

¿Qué me motivó a crear este proyecto?

Soy un técnico y a menudo me siento en comunidades populares de Reddit como r / webdev, r / reactjs y similares, siguiendo lo que otros desarrolladores están creando y aprendiendo sobre nuevos marcos JS. He notado que muchos desarrolladores crean clones de sitios populares como Instagram, Trello, Spotify, etc. para aprender a codificar y luego compartir con otros para obtener comentarios sobre la calidad del código y las recomendaciones.

Los desarrolladores comparten sus proyectos en r / reactjs.

Estos clones se encuentran dispersos en muchas comunidades. Así que pensé, ¿por qué no crear una lista general de todos estos clones que la gente podría marcar y volver a consultar en el futuro? Para ser honesto, no estaba seguro en ese momento si esa lista sería útil para otros. ¡Tuve la oportunidad de descubrirlo creándolo yo mismo!

Como hice la lista

1. Raspado de Reddit

Quería encontrar todas las publicaciones que contengan la palabra clave "clonar". Al principio, utilicé la búsqueda estándar de Reddit: reddit.com/r/reactjs/search/?q=clone&source=recent&restrict_sr=1&sort=new

(esto significa buscar todas las publicaciones en el subreddit reactjs

con la palabra clave "clon" y ordenarlas por las más nuevas ). Esta solicitud devolvió todas las publicaciones, incluidas las publicaciones de baja calidad con una calificación de 0, preguntas sobre cómo crear un clon de un servicio, etc. Sería difícil encontrar buenos proyectos de clonación en este vertedero. Así que fui a redditsearch.io , que proporciona capacidades de filtrado avanzadas para Reddit, como devolver publicaciones con al menos 10 "me gusta" publicados dentro de un período de tiempo específico, etc.

A continuación, creé una lista de todos estos clones, sus repositorios de Github, enlaces de demostración, pila de tecnología. Todo se hizo a mano.

También busqué en Google "alternativas de código abierto" y encontré algunos clones completamente funcionales de Slack, Airtable, Bit.ly, Evernote, Google Analytics, etc. También los agregué a la lista.

Entonces, hay dos tipos de proyectos en la lista. Los primeros se ven muy similares (desde el punto de vista de la interfaz de usuario), pero no completamente funcionales, los segundos son completamente funcionales, pero con una interfaz de usuario diferente (para evitar problemas de derechos de autor, etc.).

Piensa en un nombre para el proyecto.

Llamé a mi proyecto por la serie animada de televisión de 2008 Star Wars: The Clone Wars y mantuve un esquema de color similar.

La serie animada Star Wars: The Clone Wars

Proyecto Clone Wars Github

2. Bonita exhibición de la mesa

He trabajado con Markdown antes, pero esta es la primera vez que creo tablas de Markdown y resulta que la tabla en la página de Github del proyecto se ve terrible. Especialmente si es una tabla larga con muchas columnas. Quería hacerlo más bonito (con el título colgando constantemente en la parte superior), es decir, el proyecto tenía que implementarse en otro lugar. Pero todavía tenía que estar en Github para que otras personas pudieran trabajar cómodamente con él. Decidí alojarlo en mi sitio web personal https://gourav.io .

Mi sitio fue construido con NextJS, y ya usé markdown (mdx) para escribir publicaciones, por lo que fue suficiente con copiar y pegar el archivo de markdown de mi proyecto Github en una nueva página https://gourav.io/clone-wars... Además, utilicé Tailwind CSS con el complemento "tipografía" para mejorar la legibilidad de las tablas y otros textos.

Estaba pensando en llevar la automatización al siguiente nivel, por ejemplo, al realizar un cambio en un proyecto de Github o fusionar solicitudes de extracción (PR), sería posible actualizar la tabla en mi sitio https://gourav.io/clone -Guerras . Pero decidí no complicar demasiado el sistema porque los cambios no eran tan frecuentes.

Haciendo que el proyecto se vuelva viral

Publiqué una publicación en 2-3 subreddits y despegó.

reddit.com/r/reactjs

reddit.com/r/webdev

Efectos

Después de que el proyecto ganó algo de popularidad, muchos desarrolladores comenzaron a usar relaciones públicas para agregar clones a la lista de sus proyectos. Cuando comencé el proyecto, había alrededor de 75 clones, pero ahora hay más de 120 y, a menudo, obtengo nuevos RP.

Me enteré por un amigo que el proyecto se incluyó en el boletín React . Un momento muy inesperado y agradable.

La gente empezó a tuitear sobre Clone Wars . @nickbulljs proporcionó una idea para los desarrolladores que buscan trabajo.

Los reclutadores están cansados de las aplicaciones meteorológicas y las calculadoras de gastos.

Aquí tienes una idea de desarrollo más inteligente:

Elija un sitio entre más de 70 clones de código abierto de sitios populares como Netflix, Instagram y otros desde el enlace a continuación.

Explore la base de código.

Crea tu propio clon.

gourav.io/clone-wars

Después de este tweet, obtuve más de 150 nuevos seguidores.

Y otra persona me donó $ 5 usando el enlace BuyMeACoffee , que agregué a mi proyecto. Gracias extraño.

En 30 días después del lanzamiento del proyecto, mi sitio personal fue visitado por más de 40 mil personas y el proyecto recibió más de 80 mil visitas.

Estas son algunas de las estadísticas sobre los usuarios (los primeros 30 días después del lanzamiento, es decir, después de publicar en Reddit):