Repo ini menyimpan kode proyek untuk tutorial Youtube Ranker saya tentang cara membuat aplikasi pemungutan suara pilihan peringkat berbasis websocket (tambahkan istilah lain yang diberi tanda hubung sesuka Anda) secara real-time!
Saya harap ini membantu Anda dan teman Anda dalam memilih film untuk ditonton, tujuan liburan, atau mencari tempat makan tanpa membuang banyak waktu untuk mempertimbangkan hingga antusiasme Anda untuk pergi keluar hilang sama sekali!
Lihat Ikhtisar Aplikasi untuk menentukan apakah Anda tertarik!
Proyek ini berisi cabang starter
yang dapat Anda gunakan untuk mengikuti dari awal tutorial. Anda dapat mengkloning cabang starter atau menggunakan alat seperti degit untuk mendapatkan salinan repositori tanpa riwayat apa pun.
npx degit https://github.com/JacobSNGoodwin/ranker-course.git#starter
Repositori ini juga akan menyertakan cabang untuk setiap tutorial. Jadi jika Anda ingin bergabung di lain waktu dalam kursus, Anda dapat mengkloning cabang tersebut, atau menggunakan degit
seperti di atas, namun mengganti starter dengan nama cabang sebagai berikut:
npx degit https://github.com/JacobSNGoodwin/ranker-course.git#{branch}
Untuk menjalankan aplikasi, Anda perlu menginstal beberapa alat prasyarat.
Pertama, Anda harus bisa menjalankan perintah docker-compose
. Jika Anda dapat menginstal Docker dengan Docker Desktop, itu mungkin solusi termudah.
Kedua, Anda memerlukan NodeJS untuk aplikasi klien dan server. Saya sarankan Anda menggunakan nvm atau nvm-windows dan pastikan untuk menggunakan versi node yang sama yang ditemukan di file .nvmrc di root proyek. Anda dapat menjalankan nvm use
dari root proyek untuk memastikan Anda menggunakan versi node yang sama dengan saya.
Dengan semuanya terinstal dan Docker berjalan di mesin Anda, Anda dapat meluncurkan container docker yang menjalankan redis-json
, aplikasi Nest JS backend, dan aplikasi reaksi front-end dengan menjalankan yang berikut ini dari root proyek.
npm run start
File package.json
root proyek dan skrip npm-nya pada dasarnya hanya untuk kenyamanan menjalankan semua aplikasi dan database sekaligus.
Anda juga dapat menjalankan aplikasi ini secara terpisah dengan menjalankan skrip npm yang sesuai di dalam file package.json
setiap proyek.
Repo ini berisi folder tutorial yang menyimpan dokumen untuk setiap video pelajaran. Ini tidak dimaksudkan untuk menjadi dokumen yang ditulis dengan baik dan menyeluruh. Namun ini akan menyimpan skrip, atau catatan, yang saya gunakan untuk membuat video dengan cuplikan kode dan gambar. Oleh karena itu, Anda mungkin menemukan dokumen ini berguna untuk menyalin dan menempelkan beberapa kode, atau untuk meninjau konten dari video dengan cara yang lebih efisien.
Atau, lewati semua videonya. Bukannya saya melakukan ini demi uang (walaupun jangan ragu untuk mengirimi saya uang dalam jumlah besar atau menawarkan pekerjaan yang menguntungkan). Membuat tutorial video yang panjang dan khusus tidak akan pernah menarik banyak penonton. Saya akan membuat video info umum atau kursus kilat jika itu yang saya inginkan.