Live Demo View Screenshots Download Source Code

Technology: Laravel

Keywords: eloquent-relationships facebook facebook-clone inertiajs intervention-image laravel one-to-many pinia tailwind tailwindcss vue vue-advanced-cropper vue-material-icon vue3 vuejs

Laravel Facebook Clone | Open Source Collection

Tutorial showing you how to build Facebook

Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev

LIKE, SUBSCRIBE, and SMASH THE NOTIFICATION BELL!!!

App Setup

git clone https://github.com/John-Weeks-Dev/facebook-clone.git

composer install 

cp .env.example .env 

php artisan cache:clear 

composer dump-autoload 

php artisan key:generate

composer require laravel/breeze --dev

php artisan breeze:install vue --ssr

php artisan serve

Create the DB

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=facebook_clone
DB_USERNAME=root
DB_PASSWORD=

Now migrate your DB

php artisan migrate

php artisan db:seed

Now run this command to start the project

npm i

npm run dev

You should be good to go!

Hi, I'm Habib. I'm the founder of OpenSourceCollection. I help build web applications, grow businesses, big and small. If that is what you want, contact me.

I'm currently available for freelance work.

Visit my Protfolio. Let's connect on Linkedin or GitHub

Contact Me

About OpenSourceCollection.com

Discover, explore, and find open-source web apps from various categories and technologies, while accessing live demos, screenshots, and GitHub source code links.

Discover Free Projects

Ecommerce

17 projects

Social Networking

13 projects

Video Streaming

7 projects

Chat Systems

9 projects

Ticketing & Support

8 projects

ERPs