Aplikasi mini Instagram dengan Laravel

Proyek besar laravel kita dimulai. Kita akan membuat aplikasi seperti isntagram, yang lengkap dengan fitur upload foto, sistem komentar, sistem likes, notifikasi dan kamu akan belajar banyak lagi!

Daftar Video
Aplikasi mini Instagram dengan Laravel

Trailer mini instagram

❱ Organisir proyek

Organisir project Struktur database Menambahkan tugas di board

❱ Persiapan

Setup project laravel Migrasi user Komponen form input

❱ Profile User

Edit profile user Update profile Upload avatar Ui avatar sebagai backup

❱ Posting Foto

Setup postingan foto Posting foto Update caption Memisahkan timeline dan profil

❱ Sistem follow

Sistem follow Endpoint follow dan unfollow Follow via ajax fetch

❱ Timeline Feed

Memulai timeline Sistem likes dan dislike Like dengan double click

❱ Search

Sistem search Search dari hashtag

❱ Break

Break dan review task Menggunakan eager loading

❱ Komentar

Sistem komentar Komponen feed dan script Memposting komentar Menyimpan komentar Update komentar Hapus komentar Mengubah route komentar resources

❱ Sistem Likes

Likes untuk komentar Jumlah likes

❱ Menghias aplikasi

Mulai merombak tampilan Tampilan home Tampilan single post Tampilan profile Tampilan avatar di feed

❱ Notifikasi

Sistem notifikasi (Dirilis 20 jam dari sekarang) Notifikasi saat komentar (Dirilis 20 jam dari sekarang) Melihat notifikasi (Dirilis 20 jam dari sekarang) Notifikasi untuk likes (Dirilis 20 jam dari sekarang) Total notifikasi (Dirilis 20 jam dari sekarang) Total following dan follower (Dirilis 2 hari dari sekarang)

❱ Timeline lebih baik

Membatasi timeline (Dirilis 2 hari dari sekarang) Infinite scroll (Dirilis 3 hari dari sekarang) Load item saat scroll (Dirilis 3 hari dari sekarang) Mengenal API resources (Dirilis 4 hari dari sekarang) Load more konten lengkap (Dirilis 4 hari dari sekarang)

❱ UX tambahan

Ux preview untuk upload foto (Dirilis 5 hari dari sekarang)

laravel

Premium

Info: laravel v8

51 video video icon

Detail Kelas

  • Trailer mini instagram

    trailer mini instagram yang akan dibuat dengan laravel dan javascript

  • Organisir project

    saat membuat proyek yang cukup besar, belajar organisir project dengan rapi untuk memudahkan kita ke depannya, kita akan menggunakan trello di sini

  • Struktur database

    bagaimana dengan rencana struktur database dalam pembuatan aplikasi seperti instagram

  • Menambahkan tugas di board

    meskipun sudah didefiniskan di awal, tetap saja kita akan menambahkan tugas di board trello setiap ada ide baru

  • Setup project laravel

    belajar untuk setup project laravel baru

  • Migrasi user

    lakukan migrasi user sesuai dengan rancangan database mini instagram

  • Komponen form input

    membuat komponen form input di laravel untuk mencegah pengulangan kode

  • Edit profile user

    melakukan edit profile user di aplikasi laravel

  • Update profile

    melakukan update profile di aplikasi laravel

  • Upload avatar

    bagaimana cara upload avatar sebagai gambar profile user di aplikasi laravel

  • Ui avatar sebagai backup

    kita bisa membuat avatar cadangan dengan memanfaatkan ui avatar sebagai backup

  • Setup postingan foto

    waktu untuk menyiapkan fitur utama mini instagram ini, yaitu setup postingan foto

  • Posting foto

    waktunya belajar posting foto di aplikasi mini instagram laravel ini

  • Update caption

    kita juga bisa mengupdate caption foto instagram saat ada perubahan

  • Memisahkan timeline dan profil

    perlu memisahkan antara timeline mini instagram dan profil user

  • Sistem follow

    bagaimana cara membuat sistem follow pertemanan seperti sosial media umum di laravel

  • Endpoint follow dan unfollow

    menyiapkan endpoint follow dan unfollow

  • Follow via ajax fetch

    cara memanggil follow via ajax dengan menggunakan fetch api javascript

  • Memulai timeline

    waktunya memulai membuat timeline mini instagram di laravel, hanya menampilkan konten dari user yang kita follow

  • Sistem likes dan dislike

    bagaimana cara membuat sistem likes dan dislike di aplikasi seperti sosial media di laravel

  • Like dengan double click

    cara mentrigger like dengan double click di aplikasi instagram laravel

  • Sistem search

    membuat sistem search pencari di aplikasi laravel

  • Search dari hashtag

    membuat sistem hashtag dan bisa disearch dari hashtag mini instagram laravel ini

  • Break dan review task

    waktunya istirahat sejenak dari proyek mini instagram. break dan review task

  • Menggunakan eager loading

    optimisasi yang perlu dilakukan agar menghemat query dan menghindari masalah N+1 menggunakan eager loading laravel

  • Sistem komentar

    bagaimana cara membuat sistem komentar seperti instagram di laravel

  • Komponen feed dan script

    DRY, membuat komponen untuk feed postingan foto mini instagram laravel dan script

  • Memposting komentar

    bagaimana cara memposting komentar di aplikasi laravel

  • Menyimpan komentar

    bagaimana cara menyimpan komentar di aplikasi laravel

  • Update komentar

    bagaimana cara update komentar di aplikasi laravel

  • Hapus komentar

    bagaimana cara hapus komentar di aplikasi laravel

  • Mengubah route komentar resources

    manfaatkan controller resource dan routenya di laravel. mengubah route komentar resources

  • Likes untuk komentar

    membuat sistem likes seperti sosial media di laravel yang bisa juga digunakan untuk komentar

  • Jumlah likes

    menghitung jumlah likes, belajar menghitung jumlah relation di laravel

  • Mulai merombak tampilan

    istirahat lagi, sekarang kita mulai merombak tampilan untuk membuat mini instagram lebih realistis

  • Tampilan home

    menghias tampilan home mini instagram dengan laravel dan bootstrap

  • Tampilan single post

    menghias tampilan single post dengan laravel dan bootstrap

  • Tampilan profile

    menghias tampilan profile dengan laravel dan bootstrap

  • Tampilan avatar di feed

    menghias tampilan avatar di feed dengan laravel dan bootstrap

  • Sistem notifikasi

    membuat sistem notifikasi di aplikasi laravel

  • Notifikasi saat komentar

    membuat sistem notifikasi saat ada orang yang komentar di post laravel

  • Melihat notifikasi

    melihat daftar notifikasi di laravel

  • Notifikasi untuk likes

    membuat notifikasi untuk likes dari user di laravel

  • Total notifikasi

    menghitung total notifikasi di laravel

  • Total following dan follower

    menampilkan total following dan follower dari setiap user di halaman profil

  • Membatasi timeline

    kita perlu membatasi timeline apa saja yang ditampilkan

  • Infinite scroll

    belajar cara membuat infinite scroll dengan vanilla javascript

  • Load item saat scroll

    belajar cara load item saat scroll sampai di bawah dengan vanilla javascript

  • Mengenal API resources

    mengenal API resources di laravel untuk memanipulasi model agar lebih fleksibel

  • Load more konten lengkap

    membuat load more konten menjadi lebih lengkap dan sesuai timeline

  • Ux preview untuk upload foto

    ux menampilkan preview saat upload foto user dengan onchange javascript