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!

Update kelas terakhir : 3 tahun yang lalu

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

Daftar Video