Skip to content

This is a FaceBook Clone made with Vue 3, Laravel, Tailwind CSS, Pinia, and Inertia JS

Notifications You must be signed in to change notification settings

John-Weeks-Dev/facebook-clone

Repository files navigation

Facebook Clone (facebook-clone)

Tutorial showing you how to build Facebook

If you'd like a step by step guide on how to build this just CLICK THE IMAGE BELOW

GO TO JOHN WEEKS DEV TUTORIAL VIDEOS

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!

Application Images

Screenshot 2023-02-10 at 19 11 00

Screenshot 2023-02-10 at 19 09 39

Screenshot 2023-02-10 at 19 09 16

Screenshot 2023-02-10 at 19 07 34

Screenshot 2023-02-10 at 19 06 51

Screenshot 2023-02-10 at 19 06 26

Screenshot 2023-02-10 at 19 05 58

Screenshot 2023-02-10 at 19 05 36

Screenshot 2023-02-10 at 19 04 45

Screenshot 2023-02-10 at 19 04 32

Screenshot 2023-02-10 at 19 11 28