Bulan lalu saya membuat proyek sederhana yang tersebar di berbagai komunitas teknologi dan media sosial. Di Github, ia menerima dari 0 hingga 4 ribu bintang dan lebih dari 200 garpu dalam 7 hari. Github telah mempromosikannya di bagian Trending repositories of day selama sekitar lima hari .
Clone Wars
70+ klon sumber terbuka atau alternatif untuk situs populer seperti Airbnb, Amazon, Instagram, Netflix, Tiktok, dll. Daftar tersebut berisi kode sumber, tautan demo, tumpukan teknologi, dan bintang GitHub.
Tautan ke proyek
Tautan ke Github
Sedang Trending di Github - 13 Maret 2021
Apa yang memotivasi saya untuk membuat proyek ini
Saya seorang teknisi dan saya sering duduk di komunitas Reddit populer seperti r / webdev, r / reactjs dan sejenisnya, mengikuti apa yang dibuat dan dipelajari oleh pengembang lain tentang kerangka kerja JS baru. Saya perhatikan bahwa banyak pengembang membuat klon dari situs populer seperti Instagram, Trello, Spotify, dll. Untuk mempelajari pengkodean, dan kemudian berbagi dengan orang lain untuk mendapatkan umpan balik tentang kualitas kode dan rekomendasi.
Pengembang berbagi proyek mereka di r / reactjs
Klon ini tersebar di banyak komunitas. Jadi saya berpikir, mengapa tidak membuat daftar umum dari semua klon ini yang dapat kami tandai dan dikunjungi orang-orang di masa mendatang. Sejujurnya, saya tidak yakin pada saat itu apakah daftar seperti itu akan berguna bagi orang lain. Saya memiliki kesempatan untuk mengetahuinya dengan membuatnya sendiri!
Bagaimana saya membuat daftarnya
1. Mengikis Reddit
Saya ingin mencari semua posting yang mengandung kata kunci "clone". Pada awalnya, saya menggunakan pencarian Reddit standar:
reddit.com/r/reactjs/search/?q=clone&source=recent&restrict_sr=1&sort=new
(ini berarti mencari semua posting di subreddit
reactjs
dengan kata kunci "clone" dan mengurutkan menurut terbaru ). Permintaan ini mengembalikan semua posting, termasuk posting berkualitas rendah dengan peringkat 0, pertanyaan tentang cara membuat tiruan layanan, dll. Akan sulit untuk menemukan proyek klon yang bagus dari dump ini. Jadi saya pergi ke redditsearch.io , yang menyediakan kemampuan pemfilteran lanjutan untuk Reddit, seperti mengembalikan posting dengan setidaknya 10 "suka" yang diterbitkan dalam jangka waktu tertentu, dll.
Selanjutnya, saya membuat daftar semua klon ini, repo Github mereka, tautan demo, tumpukan teknologi. Semuanya dilakukan dengan tangan.
Saya juga mencari di Google "alternatif sumber terbuka" dan menemukan beberapa klon yang berfungsi penuh dari Slack, Airtable, Bit.ly, Evernote, Google analytics, dll. Saya juga menambahkan mereka ke daftar.
Jadi, ada dua jenis proyek dalam daftar. Yang pertama terlihat sangat mirip (dari sudut pandang UI), tetapi tidak berfungsi penuh, yang terakhir berfungsi penuh, tetapi dengan UI yang berbeda (untuk menghindari masalah hak cipta, dll.).
Munculkan nama untuk proyek tersebut
Saya menamai proyek saya setelah serial animasi televisi 2008 Star Wars: The Clone Wars dan mempertahankan skema warna yang serupa.
Serial Animasi Star Wars: The Clone Wars
Proyek Github Clone Wars
2. Tampilan meja yang bagus
Saya pernah bekerja dengan penurunan harga sebelumnya, tetapi ini adalah pertama kalinya saya membuat tabel penurunan harga dan ternyata tabel di halaman Github proyek terlihat mengerikan. Apalagi jika berupa tabel panjang dengan banyak kolom. Saya ingin membuatnya lebih cantik (dengan judul yang selalu menggantung di atas), yaitu, proyek harus diterapkan di tempat lain. Tetapi itu masih harus di Github sehingga orang lain dapat dengan mudah bekerja dengannya. Saya memutuskan untuk menyimpannya di situs pribadi saya https://gourav.io .
Situs saya dibangun dengan NextJS, dan saya sudah menggunakan markdown (mdx) untuk menulis posting, jadi cukup salin dan tempel file penurunan harga dari proyek Github saya ke halaman baru https://gourav.io/clone-wars... Selain itu, saya menggunakan Tailwind CSS dengan plugin "tipografi" untuk meningkatkan keterbacaan tabel dan teks lainnya.
Saya berpikir untuk membawa otomasi ke level berikutnya, misalnya, ketika membuat perubahan pada proyek Github atau menggabungkan permintaan tarik (PR), akan memungkinkan untuk memperbarui tabel di situs saya https://gourav.io/clone -wars . Tetapi saya memutuskan untuk tidak memperumit sistem karena perubahannya tidak terlalu sering.
Membuat proyek menjadi viral
Saya memposting posting di 2-3 subreddits dan itu lepas landas.
reddit.com/r/reactjs
reddit.com/r/webdev
Efek
Setelah proyek mendapatkan popularitas, banyak pengembang mulai menggunakan PR untuk menambahkan klon ke daftar proyek mereka. Ketika saya memulai proyek, ada sekitar 75 klon, tetapi sekarang ada lebih dari 120, dan saya sering mendapatkan PR baru.
Saya mengetahui dari seorang teman bahwa proyek tersebut masuk ke dalam React Newsletter . Momen yang sangat tidak terduga dan menyenangkan.
Orang-orang mulai men-tweet tentang Clone Wars . @nickbulljs memberikan ide bagi pengembang yang mencari pekerjaan.
Perekrut bosan dengan aplikasi cuaca dan kalkulator pengeluaran.
Inilah ide pengembangan yang lebih cerdas:
- Pilih satu situs dari lebih dari 70 klon sumber terbuka dari situs populer seperti Netflix, Instagram, dan lainnya dari tautan di bawah.
- Jelajahi basis kode.
- Buat klon Anda sendiri.
gourav.io/clone-wars
Setelah tweet ini, saya mendapatkan lebih dari 150 pengikut baru.
Dan orang lain menyumbangkan $ 5 kepada saya menggunakan tautan BuyMeACoffee , yang saya tambahkan ke proyek saya. Terima kasih orang asing.
Dalam 30 hari setelah peluncuran proyek, situs pribadi saya dikunjungi oleh lebih dari 40 ribu orang, dan proyek tersebut menerima lebih dari 80 ribu tampilan.
Berikut adalah beberapa statistik pengguna (30 hari pertama setelah peluncuran, yaitu setelah memposting ke Reddit):
Situs rujukan
Pengguna menurut negara
Pengguna menurut OS
Pengguna oleh Browser
Saat ini, proyek memiliki
dan
.
Periklanan
VDS untuk proyek dan tugas dalam skala apa pun - ini tentang server epik kami ! Teknologi dan peralatan terkini, layanan berkualitas. Cepat pesan!
