Membangun Aplikasi To Do dengan Laravel dan MySQL

Aplikasi To Do

Pada intinya merupakan sebuah aplikasi yang dibangun untuk mengelola tugas. Fitur pokoknya menambah daftar tugas, menandai tugas ( selesai atau tidak ), melihat tugas-tugas yang ada ataupun menghapus daftar tugas.

Aplikasi ini bisa dibangun dengan berbagai bahasa pemrograman, namun saat ini mari bangun To Do List App ini dalam bentuk web. Dan dibangun menggunakan framework Laravel.

Dengan membuat atau membangun menggunakan web, setidaknya memiliki beberapa kelebihan seperti:

Tidak membutuhkan memori yang besar sebab tidak perlu terpasang ( install ) di perangkat.
Akses mudah, bisa dari mana saja.
Fleksibel dalam penggunaan karena bisa diakses via komputer ataupun dengan gawai ( HP )

Penasaran bagaimana membangunnya ?

Siap!? 🚀

Pertama, buat projek Laravel baru

Kedua, konfigurasi basis data

Setelah projek berhasil dibuat, buat database baru di mysql

Kembali lagi ke dalam projek Laravel, buka file .env

Perhatikan pada baris yang di blok untuk menyambungkan projek Laravel dengan database, nama database harus sama!

Kemudian, lakukan migrate dengan perintah

php artisan migrate

Akan memunculkan beberapa tabel bawaan yang dibuat oleh Laravel

Biarkan tabel yang sudah ada. Dan buat tabel baru dengan struktur seperti di gambar berikut kemudian isi dengan dummy data ( beberapa contoh data )

Ketiga, mengambil data dengan Laravel

Masuk lagi ke dalam VS Code projek. Hapus seluruh baris kode yang ada di dalam views welcome.blade.php

Ubah menjadi

Membuat link yang menuju route /pengguna/login

Setelah klik link ini, diharapkan akan memunculkan data-data yang diambil dari database

Kemudian, buka file web.php

Tambahkan route /pengguna/login

Perhatikan pada baris kode yang di blok, akan mengembalikan view index yang berada di dalam folder pengguna

Buat folder baru, pengguna

Kemudian di dalamnya buat file baru lagi dengan nama index.blade.php

Isi file index.blade.php dengan

Lalu lakukan pengujian, jalankan dengan web browser

Bila tidak ada masalah, maka LANJUTKAN! hhe

Sebelumnya, dalam tabel telah diisi dengan data dummy atau contoh data

Buka file web.php

Tambahkan perintah Query Builder untuk mengambil data dari MySQL

DB::table()

$dataTodo merupakan variabel yang akan menyimpan data dari MySQL

Perhatikan! Nama tabel jangan sampai tipoo 😋

Kemudian dalam return, tambahkan parameter ['dataTodo' => $dataTodo']

Nah, bagian terakhirnya adalah buka file index.blade.php

Tambahkan perintah

Digunakan untuk menampilkan datanya

Cobalah dengan web browser, hasilnya akan memunculkan data-data dari basis data saat link di halaman welcome di klik

Bisa? Mudah banget si 😁

Agar lebih rapi bisa ditampilkan dengan menggunakan tabel 👌

#SalamNgulik!

Lebih lengkap dalam membangun aplikasi To Do dengan memiliki fitur

Autentikasi ( log in )
Role Pengguna ( Admin, Pengguna )
UI/UX yang menarik
Multi tabel dalam penyimpanan data di database
CRUD oleh Admin
User Pelaksana bisa mengubah keterangan tugas ( Selesai, Dikerjakan, Tidak Selesai )
User Pelaksana mampu melihat tugas apa saja yang diberikan.
Beberapa latihan kecil yang menambah wawasan dan pengetahuan dalam menggunakan Framework Laravel dalam mengerjakan projek web.

Bisa mengakses atau mengunduk dokumen panduan lengkap berikut ya 👌😎