https://github.com/john-weeks-dev/facebook-clone
This is a FaceBook Clone made with Vue 3, Laravel, Tailwind CSS, Pinia, and Inertia JS
https://github.com/john-weeks-dev/facebook-clone
eloquent-relationships facebook facebook-clone inertiajs intervention-image laravel one-to-many pinia tailwind tailwindcss vue vue-advanced-cropper vue-material-icon vue3 vuejs
Last synced: about 1 month ago
JSON representation
This is a FaceBook Clone made with Vue 3, Laravel, Tailwind CSS, Pinia, and Inertia JS
- Host: GitHub
- URL: https://github.com/john-weeks-dev/facebook-clone
- Owner: John-Weeks-Dev
- Created: 2023-02-10T12:00:46.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-02-13T11:06:45.000Z (over 2 years ago)
- Last Synced: 2025-03-24T04:12:15.940Z (7 months ago)
- Topics: eloquent-relationships, facebook, facebook-clone, inertiajs, intervention-image, laravel, one-to-many, pinia, tailwind, tailwindcss, vue, vue-advanced-cropper, vue-material-icon, vue3, vuejs
- Language: PHP
- Homepage: https://youtube.com/watch?v=NC1sU-LTrOk
- Size: 765 KB
- Stars: 54
- Watchers: 1
- Forks: 21
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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**
[](https://www.youtube.com/watch?v=NC1sU-LTrOk)
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
