🧚🏻 👩🏾‍🤝‍👩🏼 👉 Wie mein einfaches Github-Projekt viral wurde 🔆 👩🏻 👃🏼

Letzten Monat habe ich ein einfaches Projekt erstellt, das sich über verschiedene Tech-Communities und soziale Medien erstreckt. In Github erhielt er in 7 Tagen 0 bis 4 Tausend Sterne und mehr als 200 Gabeln. Github bewirbt es seit ungefähr fünf Tagen in den Trending-Repositories des Tages .

Clone Wars

70+ Open-Source-Klone oder Alternativen zu beliebten Websites wie Airbnb, Amazon, Instagram, Netflix, Tiktok usw. Die Liste enthält Quellcode, Demo-Links, Technologie-Stack und GitHub-Stars.

Link zum Projekt

Link zum Github

Trending on Github - 13. März 2021

Was hat mich motiviert, dieses Projekt zu erstellen?

Ich bin ein Technikfreak und sitze oft in beliebten Reddit-Communities wie r / webdev, r / reactjs und dergleichen, um zu verfolgen, was andere Entwickler erstellen und über neue JS-Frameworks lernen. Ich habe festgestellt, dass viele Entwickler Klone beliebter Websites wie Instagram, Trello, Spotify usw. erstellen, um das Codieren zu lernen, und diese dann mit anderen teilen, um Feedback zur Qualität des Codes und zu Empfehlungen zu erhalten.

Entwickler teilen ihre Projekte in r / reactjs.

Diese Klone sind über viele Communities verteilt. Also dachte ich mir, warum nicht eine allgemeine Liste all dieser Klone erstellen, zu denen wir Lesezeichen setzen und in Zukunft zurückkehren könnten. Um ehrlich zu sein, war ich mir damals nicht sicher, ob eine solche Liste für andere nützlich sein würde. Ich hatte die Gelegenheit, es herauszufinden, indem ich es selbst erstellte!

Wie ich die Liste gemacht habe

1. Reddit abkratzen

Ich wollte alle Beiträge finden, die das Schlüsselwort "Klon" enthalten. Zuerst habe ich die Standard-Reddit-Suche verwendet: reddit.com/r/reactjs/search/?q=clone&source=recent&restrict_sr=1&sort=new

(Dies bedeutet, nach allen Posts im Subreddit reactjs

mit dem Schlüsselwort "clone" zu suchen und nach dem neuesten zu sortieren ). Diese Anfrage gab alle Beiträge zurück, einschließlich Beiträge von geringer Qualität mit einer Bewertung von 0, Fragen zum Erstellen eines Klons eines Dienstes usw. Es wäre schwierig, gute Klonprojekte aus diesem Dump zu finden. Also ging ich zu redditsearch.io , das erweiterte Filterfunktionen für Reddit bietet, z. B. das Zurückgeben von Posts mit mindestens 10 "Likes", die innerhalb eines bestimmten Zeitrahmens veröffentlicht wurden usw.

Als nächstes erstellte ich eine Liste all dieser Klone, ihrer Github-Repos, Demo-Links und des Technologie-Stacks. Alles wurde von Hand gemacht.

Ich habe auch "Open-Source-Alternativen" gegoogelt und einige voll funktionsfähige Klone von Slack, Airtable, Bit.ly, Evernote, Google Analytics usw. gefunden. Ich habe sie auch zur Liste hinzugefügt.

Es gibt also zwei Arten von Projekten auf der Liste. Die ersteren sehen sehr ähnlich aus (aus Sicht der Benutzeroberfläche), sind jedoch nicht voll funktionsfähig. Die letzteren sind voll funktionsfähig, jedoch mit einer anderen Benutzeroberfläche (um Urheberrechtsprobleme usw. zu vermeiden).

Überlegen Sie sich einen Namen für das Projekt

Ich habe mein Projekt nach der 2008er Fernsehanimationsserie Star Wars: The Clone Wars benannt und ein ähnliches Farbschema beibehalten.

Die Zeichentrickserie Star Wars: The Clone Wars

Clone Wars Github-Projekt

2. Schöne Anzeige der Tabelle

Ich habe bereits mit Markdown gearbeitet, aber dies ist mein erstes Mal, dass ich Markdown-Tabellen erstelle, und es stellt sich heraus, dass die Tabelle auf der Github-Seite des Projekts schrecklich aussieht. Besonders wenn es sich um eine lange Tabelle mit vielen Spalten handelt. Ich wollte es schöner machen (wobei der Titel ständig oben hängt), das heißt, das Projekt musste woanders eingesetzt werden. Aber es musste immer noch auf Github sein, damit andere Leute bequem damit arbeiten konnten. Ich habe beschlossen, es auf meiner persönlichen Website https://gourav.io zu hosten .

Meine Site wurde mit NextJS erstellt, und ich habe bereits Markdown (mdx) zum Schreiben von Posts verwendet. Es hat also gereicht, die Markdown-Datei aus meinem Github-Projekt einfach zu kopieren und auf einer neuen Seite https://gourav.io/clone-wars einzufügen... Außerdem habe ich Tailwind CSS mit dem Plugin "Typografie" verwendet, um die Lesbarkeit von Tabellen und anderem Text zu verbessern.

Ich habe darüber nachgedacht, die Automatisierung auf die nächste Stufe zu heben. Wenn Sie beispielsweise eine Änderung an einem Github-Projekt vornehmen oder Pull-Anforderungen (PR) zusammenführen, können Sie die Tabelle auf meiner Website https://gourav.io/clone aktualisieren -Kriege . Aber ich habe beschlossen, das System nicht zu komplizieren, weil die Änderungen nicht so häufig waren.

Das Projekt viral machen

Ich habe einen Beitrag auf 2-3 Subreddits gepostet und er ist gestartet.

reddit.com/r/reactjs

reddit.com/r/webdev

Auswirkungen

Nachdem das Projekt an Popularität gewonnen hatte, begannen viele Entwickler, PR zu verwenden, um Klone zur Liste ihrer Projekte hinzuzufügen. Als ich das Projekt startete, gab es ungefähr 75 Klone, aber jetzt sind es mehr als 120, und ich bekomme oft neue PRs.

Ich habe von einem Freund erfahren, dass das Projekt in den React Newsletter aufgenommen wurde . Ein sehr unerwarteter und angenehmer Moment.

Die Leute fingen an, über Clone Wars zu twittern . @nickbulljs lieferte eine Idee für Entwickler, die Arbeit suchen.

Personalvermittler haben keine Lust mehr auf Wetter-Apps und Kostenrechner.

Hier ist eine intelligentere Entwicklungsidee:

Wählen Sie über den unten stehenden Link eine Site aus über 70 Open-Source-Klonen beliebter Sites wie Netflix, Instagram und anderen aus.

Entdecken Sie die Codebasis.

Erstellen Sie Ihren eigenen Klon.

gourav.io/clone-wars

Nach diesem Tweet habe ich über 150 neue Follower bekommen.

Und eine andere Person hat mir über den BuyMeACoffee- Link , den ich meinem Projekt hinzugefügt habe, 5 US-Dollar gespendet . Danke Fremder.

In 30 Tagen nach dem Start des Projekts wurde meine persönliche Website von mehr als 40.000 Menschen besucht, und das Projekt erhielt mehr als 80.000 Aufrufe.

Hier sind einige Statistiken zu Benutzern (die ersten 30 Tage nach dem Start, d. H. Nach dem Posten bei Reddit):