Le mois dernier, j'ai créé un projet simple qui s'est répandu dans diverses communautés technologiques et médias sociaux. Dans Github, il a reçu de 0 à 4 mille étoiles et plus de 200 fourchettes en 7 jours. Github en fait la promotion dans la section Dépôts de tendances du jour depuis environ cinq jours .
Clone Wars
70+ clones open source ou alternatives à des sites populaires comme Airbnb, Amazon, Instagram, Netflix, Tiktok, etc. La liste contient le code source, les liens de démonstration, la pile technologique et les étoiles GitHub.
Lien vers le projet
Lien vers Github
Tendance sur Github - 13 mars 2021
Ce qui m'a motivé à créer ce projet
Je suis un technicien et je siège souvent sur des communautés Reddit populaires telles que r / webdev, r / reactjs et autres, suivant ce que les autres développeurs créent et apprennent sur les nouveaux frameworks JS. J'ai remarqué que de nombreux développeurs créent des clones de sites populaires comme Instagram, Trello, Spotify, etc. pour apprendre le codage, puis les partagent avec d'autres pour obtenir des commentaires sur la qualité du code et des recommandations.
Les développeurs partagent leurs projets dans r / reactjs.
Ces clones sont dispersés dans de nombreuses communautés. Alors j'ai pensé, pourquoi ne pas créer une liste générale de tous ces clones auxquels nous pourrions ajouter des signets et revenir dans le futur. Pour être honnête, je n'étais pas sûr à l'époque si une telle liste serait utile à d'autres. J'ai eu l'occasion de le découvrir en le créant moi-même!
Comment j'ai fait la liste
1. Gratter Reddit
Je voulais trouver tous les articles contenant le mot-clé "cloner". Au début, j'ai utilisé la recherche standard de Reddit:
reddit.com/r/reactjs/search/?q=clone&source=recent&restrict_sr=1&sort=new
(cela signifie rechercher tous les articles du sous-répertoire
reactjs
avec le mot-clé "clone" et trier par plus récent ). Cette demande a renvoyé tous les messages, y compris les messages de faible qualité avec une note de 0, des questions sur la création d'un clone d'un service, etc. Il serait difficile de trouver de bons projets de clones à partir de cette décharge. Je suis donc allé sur redditsearch.io , qui fournit des capacités de filtrage avancées pour Reddit, telles que le retour de messages avec au moins 10 "j'aime" publiés dans un laps de temps spécifique, etc.
Ensuite, j'ai créé une liste de tous ces clones, leurs dépôts Github, leurs liens de démonstration, leur pile technologique. Tout a été fait à la main.
J'ai également recherché sur Google des «alternatives open source» et trouvé des clones entièrement fonctionnels de Slack, Airtable, Bit.ly, Evernote, Google Analytics, etc. Je les ai également ajoutés à la liste.
Donc, il y a deux types de projets sur la liste. Les premiers sont très similaires (du point de vue de l'interface utilisateur), mais pas entièrement fonctionnels, les seconds sont entièrement fonctionnels, mais avec une interface utilisateur différente (pour éviter les problèmes de droits d'auteur, etc.).
Donnez un nom au projet
J'ai nommé mon projet d'après la série animée télévisée de 2008 Star Wars: The Clone Wars et j'ai gardé une palette de couleurs similaire.
La série animée Star Wars: The Clone Wars
Projet Clone Wars Github
2. Bel affichage de la table
J'ai déjà travaillé avec le démarquage, mais c'est la première fois que je crée des tableaux de démarque et il s'avère que le tableau de la page Github du projet a l'air terrible. Surtout s'il s'agit d'une longue table avec de nombreuses colonnes. Je voulais le rendre plus joli (avec le titre constamment suspendu en haut), c'est-à-dire que le projet devait être déployé ailleurs. Mais il devait toujours être sur Github pour que d'autres personnes puissent travailler facilement avec. J'ai décidé de l'héberger sur mon site personnel https://gourav.io .
Mon site a été construit avec NextJS, et j'ai déjà utilisé markdown (mdx) pour écrire des articles, il suffisait donc de simplement copier et coller le fichier markdown de mon projet Github sur une nouvelle page https://gourav.io/clone-wars... De plus, j'ai utilisé Tailwind CSS avec le plugin "typography" pour améliorer la lisibilité des tableaux et autres textes.
Je pensais faire passer l'automatisation au niveau supérieur, par exemple, lors de la modification d'un projet Github ou de la fusion de pull requests (PR), il serait possible de mettre à jour le tableau sur mon site https://gourav.io/clone -guerres . Mais j'ai décidé de ne pas trop compliquer le système car les changements n'étaient pas si fréquents.
Faire en sorte que le projet devienne viral
J'ai posté un article sur 2-3 subreddits et ça a décollé.
reddit.com/r/reactjs
reddit.com/r/webdev
Effets
Une fois que le projet a gagné en popularité, de nombreux développeurs ont commencé à utiliser les relations publiques pour ajouter des clones à la liste de leurs projets. Quand j'ai commencé le projet, il y avait environ 75 clones, mais maintenant il y en a plus de 120, et je reçois souvent de nouveaux PR.
J'ai appris d'un ami que le projet était entré dans la newsletter React . Un moment très inattendu et agréable.
Les gens ont commencé à tweeter sur Clone Wars . @nickbulljs a fourni une idée aux développeurs à la recherche de travail.
Les recruteurs sont fatigués des applications météo et des calculateurs de dépenses.
Voici une idée de développement plus intelligente:
- Choisissez un site parmi plus de 70 clones open-source de sites populaires tels que Netflix, Instagram et d'autres à partir du lien ci-dessous.
- Explorez la base de code.
- Créez votre propre clone.
gourav.io/clone-wars
Après ce tweet, j'ai eu plus de 150 nouveaux abonnés.
Et une autre personne m'a fait don de 5 $ en utilisant le lien BuyMeACoffee , que j'ai ajouté à mon projet. Merci étranger.
En 30 jours après le lancement du projet, mon site personnel a été visité par plus de 40 000 personnes, et le projet a reçu plus de 80 000 vues.
Voici quelques-unes des statistiques sur les utilisateurs (les 30 premiers jours après le lancement, c'est-à-dire après la publication sur Reddit):
Sites de référence
Utilisateurs par pays
Utilisateurs par OS
Utilisateurs par navigateur Pour
le moment, le projet a
et
.
Publicité
VDS pour des projets et des tâches de toute envergure - il s'agit de nos serveurs épiques ! Les dernières technologies et équipements, un service de qualité. Dépêchez-vous de commander!
