An open API service indexing awesome lists of open source software.

https://github.com/john-weeks-dev/instagram-clone

This is an Instagram Clone made with Vue 3, Laravel, Tailwind CSS, and Inertia JS
https://github.com/john-weeks-dev/instagram-clone

image-upload inertia inertiajs instagram instagram-clone intervention-image javascript laravel laravel-framework material-design-icons php tailwind tailwindcss vue vue3 vue3-carousel vuejs vuejs3

Last synced: 2 months ago
JSON representation

This is an Instagram Clone made with Vue 3, Laravel, Tailwind CSS, and Inertia JS

Awesome Lists containing this project

README

        

# Instagram Clone (instagram-clone)

### Tutorial showing you how to build Instagram

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](https://user-images.githubusercontent.com/108229029/223138285-642a5296-2013-428c-a9d6-f27754c3a477.png)](https://www.youtube.com/watch?v=MjkamZQJY_8)

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/instagram-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=instagram_clone
DB_USERNAME=root
DB_PASSWORD=
```
Now migrate your DB
```
php artisan migrate

```

Now run this command to start the project
```
npm i

npm run dev
```

You should be good to go!

# Application Images