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!

Development laravel Sekolahkoding
Category Label Platform
Aplikasi mini Instagram dengan Laravel

Free Courses : Aplikasi mini Instagram dengan Laravel


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

Related Posts:
  1. Object Oriented Programming di Python
  2. Tips dan Trik CSS
  3. Membuat API dengan laravel
  4. Cara Upload File ke Bucket s3
  5. Struktur MVC pada Slim

You can support us by donate with buy us a coffee. We appreciate your donation to our work for share free udemy courses.

Get courses alert everyday on our Telegram Channel. Join Now

Insidelearn Telegram Channel

Share this courses to your friends, community.

10,000+ People trust Insidelearn! Get courses alert on Telegram or Discord.