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
http://instavel.herokuapp.com/home
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
##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.
FILESYSTEM_CLOUD=google GOOGLE_APP_ID=instavel GOOGLE_CLIENT_ID=xxxx.apps.googleusercontent.com GOOGLE_CLIENT_SECRET=xxxx GOOGLE_REFRESH_TOKEN=xxxx
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
GOOGLE_FOLDER_MOBILE_USERS=id_of_created_mobile_users_folder_in_your_drive
GOOGLE_FOLDER_TINY_USERS=id_of_created_tiny_users_folder_in_your_drive
If you want to contact me, please send an e-mail to:
https://www.linkedin.com/in/mario-montano-129917179/
Instavel is open-sourced software licensed under the MIT license.