The instavel from shipotech

About Instavel

Instavel is a basic application with similarity to Instagram only for educational purposes.

Designed using: HTML, CSS, JavaScript, Jquery, Ajax, PHP
MDBootstrap Pro (Jquery)
Laravel
MySQL
Google Drive API
LazySizes

Live Demo

http://instavel.herokuapp.com/home

Instructions:

1- Clone the repo and cd into it
2- composer install
3- Rename or copy .env.example file to .env
4- Enter your database credentials in your .env file
5- php artisan migrate
6- npm install
7- npm run dev
8- php artisan key:generate
9- composer require laravel/socialite
10- composer require google/apiclient
######PD: please, use the "database.sql" file, to guide you if you want to store emojis and spanish characters. ("DEFAULT CHARACTER SET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;")

##Create your Google Drive API keys Detailed information on how to obtain your API ID, secret and refresh token:

Getting your Client ID and Secret
Getting your Refresh Token
Getting your Root Folder ID

###Important: Download JSON credentials file and save it on (storage/app/) with name: #####client_secret.json

more info click here

##Update .env file Add the keys you created to your .env file and set google as your default cloud storage. You can copy the .env.example file and fill in the blanks.

Setting google drive for storage the images

FILESYSTEM_CLOUD=google GOOGLE_APP_ID=instavel GOOGLE_CLIENT_ID=xxxx.apps.googleusercontent.com GOOGLE_CLIENT_SECRET=xxxx GOOGLE_REFRESH_TOKEN=xxxx

#Images Folders (example: 1hUo0FLkZD9G6DmBz07AcNs2XJXyGy_nT)

GOOGLE_FOLDER_LARGE_IMAGES=id_of_created_large_images_folder_in_your_drive GOOGLE_FOLDER_MEDIUM_IMAGES=id_of_created_medium_images_folder_in_your_drive GOOGLE_FOLDER_MOBILE_IMAGES=id_of_created_mobile_images_folder_in_your_drive GOOGLE_FOLDER_TINY_IMAGES=id_of_created_tiny_images_folder_in_your_drive