Full Stack Instagram Clone with Vue JS, Tailwind CSS, Javascript, Laravel, Inertia JS, PHP

Ready to create your own social media app? In this tutorial, I'll teach you how to build an Instagram clone (Full stack Instagram clone) from scratch using the latest web technologies like Vue JS, Javascript, Laravel, Inertia JS, Tailwind CSS, and PHP.

Follow along as we guide you through the entire process, from setting up your development environment to creating the core features of Instagram. You'll learn how to implement user authentication, photo uploads, likes, and more!

Whether you're an experienced developer or just starting out, this tutorial is perfect for anyone looking to gain hands-on experience building a modern web application. Let's dive in and start building Instagram in Vue JS, Laravel, Inertia JS, and Tailwind CSS!

LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!

And I'll see you in the video!

For freelance or contract work inquiries, kindly connect with me via Twitter / X:
Thank you.

00:00 - Instagram Clone Project Setup
07:22 - MainLayout Section | Vue Js | Tailwind CSS
12:20 - MenuItem Component | Vue Js | Tailwind CSS
17:10 - MainLayout Section | Vue Js | Tailwind CSS
25:00 - CreatePostOverlay Component | Vue Js | Tailwind CSS
39:17 - Home Page Carousel | Vue Js | Tailwind CSS
46:24 - Home Page Posts | Vue Js | Tailwind CSS
48:28 - Likes Component | Vue Js | Tailwind CSS
49:40 - Home Page | Vue Js | Tailwind CSS
50:41 - User Page | Vue Js | Tailwind CSS
1:00:12 - User Page ContentOverlay Component | Vue Js | Tailwind CSS
1:03:08 - User Page ContentOverlay Component | Vue Js | Tailwind CSS
1:08:10 - Connect Database & Register User | Laravel
1:11:07 - ShowPostOverlay | Vue JS | Tailwind CSS
1:23:07 - ShowPostOptionsOverlay | Vue JS | Tailwind CSS
1:25:44 - Post Controller Model & Migration | Laravel
1:29:40 - Install Intervention Image
1:32:47 - Post Controller Model & Migration | Laravel
1:36:04 - Home Controller | Laravel
1:37:36 - AllPostsCollection | Laravel | Laravel Collections
1:41:15 - Like Controller Model & Migration | Laravel
1:43:07 - Comment Controller Model & Migration | Laravel
1:46:49 - User Controller | Laravel
1:48:34 - Controller Endpoints | Laravel
1:49:16 - Eloquent Relations | One to Many | Belongs To | Laravel
1:51:38 - Connecting Back & Front | Vue JS | Tailwind CSS | Laravel
2:25:45 - Final check of our application FINISHED!!!

#instagramclone
#vuejs
#laravel

[myohannes]

Well done.
this video helped me a lot..
now I watch them all.

an inertia + pusher tutorial would be perfect

[alnahian]

This is sick, man! Will start workin on next week for sure

[Extjac]

going to watch this now for the next 3 hours...

[muadzrosli]

I’m working on the same tech stack right now. Boom! Your video showed in my youtube feed. niccee~!

[MajidDev]

Great Awsum ... I haven't no words to appreciate your effort. It helped me a lot. Thanks

[websers-]

awsome course thank you...still learing laravel and this helps a lot.

[pwrdaniel]

hey man good content as usual, id like to see perhaps in the future another project with quasar if possible, much love keep up the good work!!

[michaelndukwe]

Nice tut, just finished the deezer one...

[SouleyOumarouSanda-wixx]

So funny guy I really appreciate your videos 🥰

[Lahat-cx]

hi sir wahat about making a microsoft copilot clone, it should be a wonderfull project either with next js or vue js and appwritter

[ssilentman]

Dear Mr. John,

I have a question:
I am using quasar framework, I have a list of file object, created by <input type="file" multiple >
By using cordova media capture, I would like to add captured video to file object list, show it thumbnail and upload it to firebase.
Please advise.

[abdulhafiz]

hi man, for some reason i wouldnt get past 12:00 intertia just gives an error for me. what could i have done wrong?

[avoracity]

would this work with pgsql instead? it won't let me connect in postgreSQL, false error of invalid password.

[iyasuj]

My GUY, your AWESOME !!! love your videos, can you do a Udemy/Coursera Clone ??

[danielkhozaie]

can you do clickbank, cj or digistore clone?

[rjbasada]

Thank you sir for this tutorial, big help, but by the way sir, can you make an ecommerce website ? ♥️

[ChhaihongSRUN]

thank you very much for your tutorials @johnweeksdev.
1q: do you have any idea to hande selection option depends on the modal overlay popup?
ex: something selecting country dropdown then region dropdrown and so on.

[kcy]

Really my third comment has been deleted
please answer me
I want to start teaching
When the app url opens to localhost and goes in, it does not respond
Any workaround?

[davidkawogo]

this is amazing....please make the same with React

[Aditya-mtkv]

sir, please help me
why every i wanna make new post in this project always like this :
GD Library extension not available with this PHP installation.
i use laravel vallet and then didnt use xampp for webserver
thank you so much sirr~~~