Table of Contents
To see the demo, visit this link : https://www.youtube.com/watch?v=lcjqbgalgwI
This is a clone of instagram that includes stories, realtime chat & notifications among other features. It is my second project after only a couple of weeks of being introduced to Laravel and Vue js, the focus was on being able to make things work rather than doing it in the most optimized way.
This project has been done in pair programming with Diae Louali. Neither of us had any experience with frameworks prior to this project.
In order to make the project run on your computer, follow these steps : NOTICE : you can global search for " REMOVED " to easily locate all the information that needs to be replaced in the project.
-
Pusher account
-
Cloudinary account
-
Unsplash account
-
Clone the repo and cd into the project's folder
git clone https://github.com/AdamOB1290/instaCLone.git
cd instaCLone -
Duplicate your ".env.example" file and rename it to ".env"
-
In your terminal, execute :
composer install
npm install
php artisan key:generate
-
In your ".env" file make sure your have the following :
DB_DATABASE=instaclone
BROADCAST_DRIVER=pusher
-
In Pusher, under Channels, create your app
-
Copy your Pusher keys located in App Keys and paste them in your ".env" file like so :
- PUSHER_APP_ID = app_id goes here - PUSHER_APP_KEY = key goes here - PUSHER_APP_SECRET = secret goes here - PUSHER_APP_CLUSTER = cluster goes here
-
Add at the bottom of your .env file :
- BASE_URL=https://localhost:8000
-
In Unsplash, register your app and copy the api keys
-
Paste the keys in "database/factories/PostFactory.php" and "database/factories/UserFactory.php" like so :
'applicationId' => 'applicationId goes here', 'secret' => 'secret goes here',
-
In Cloudinary, create an uploadPreset and enable cropping
-
Copy your cloudName and uploadPreset in "ressource/js/app.js", "ressource/js/components/EditProfile.vue" & "ressource/js/components/Feed.vue" like so :
cloudName: "cloudName goes here", uploadPreset: "uploadPreset goes here",
-
Create your SQL database under the name " instaclone "
-
In your terminal, execute the following :
php artisan migrate
php artisan db:seed
Adam LOUALI - LinkedIn - loualiadam0@gmail.com
Project Link: https://github.com/AdamOB1290/instaCLone