(Thread - Bikin Aplikasi Timetable Sederhana) Lagi pandemi gini, kita perlu bisa bagi waktu selama di rumah aja. Kita coba bikin aplikasi timetable yuk! Caranya bisa kita ikutin dari channel YouTube @did1k - Di Atas Gudang punya Didik Wicaksono, COO Cookpad Indonesia. (1/10)
Gini caranya: 1. Setting up Rails - Gunakan Rails 6.0.3.3 untuk buat aplikasi - Generate aplikasi baru dengan nama tertentu (misal, "Play Time") - Gunakan PostgreSQL sebagai database-nya (karena akan menggunakan Heroku) - Tentukan juga apa yang perlu di-skip (2/10)
- Tentukan Webpack yang mau dipake misal, StimulusJS. Kenapa pake Webpack? Karena sebenarnya Rails diperuntukan buat backend aja, jadi kita perlu impor library dari JavaScript dan Webpack diperlukan untuk melakukannya. (3/10)
Trus, kenapa pakai StimulusJS? Karena lebih ringan dari jQuery dan cukup mudah digunain. (4/10)
2. Deploy ke Heroku Heroku bisa mempermudah kita buat deploy aplikasi Rails ke production. Selain itu, API-nya juga sangat sederhana. UI-nya juga bagus, jadi nyaman dipake. Selesai login di https://id.heroku.com/login, pilih "New" dan "Create New App". (5/10)
3. Membuat tabel mingguan dan menerapkan style Sebelumnya, kita perlu install TailwindCSS lebih dulu. Untuk mempermudah, kita bisa gunakan template yang ada di https://railsbytes.com/. Sedangkan komponen (seperti tabel) bisa kita dapetin di https://tailwindui.com/ (6/10)
4. Membuat play card (kartu aktivitas) Setelah timetable-nya jadi, kita akan membuat beberapa koleksi kartu aktivitas di code editor. (7/10)
5. Menerapkan drag & drop Drag & drop diterapin supaya bisa nambahin kartu aktivitas ke timetable. Ada banyak pilihan library yang bisa gunain drag & drop. Dua di antaranya yang bisa kita pilih ada https://interactjs.io/ dan Draggable JS dari https://shopify.github.io/. (8/10)
Langkah sisanya, bisa temen-temen pelajari dengan lebih lengkap di artikel "Mencoba TailwindCSS di Rails 6" oleh Didik Wicaksono (@did1k) Akses ke https://diskusi.tech/firewalker06/mencoba-tailwindcss-di-rails-6-2bb6 buat baca artikelnya. (9/10)
Atau bisa cek di YouTube channel-nya langsung di https://www.youtube.com/channel/UCq4lrnQxkCQtR1NJmpGxCXA Yuk mention temenmu yang tertarik bikin aplikasi timetable. Lumayan loh, buat ngisi waktu selama di rumah aja :) (10/10)
Sumber asli di Twitter: https://twitter.com/deeptech_id/status/1336988029039255553
