How can you use the effects and settings on the Mosaic Creator – You can Download The Source Code

Mosaic Creator

https://blogbook.hu/laravel_vue_image_mosaic/public/

Multi User Mosaic Art With VueJS And Laravel PHP

You can create mosaic from pictures on the online website
You can Download The Source Code!!

This is an Mosaic Art Project to create a fast dramatic effect with the pictures.
Create Mosaic with a button click.

Combine your favorite pictures to create amazing wall art.
You can store this pictures here and You can add more pictures later.

If you are Laravel and VueJs developer I think this project is interesting for you.
Don’t Buy this Script If you don’t know the Javascript, VueJs, PHP
Please first test the basic features.
It was one of my Startup idea but I don’t have enough time.

You can create almost 2500px X 1500px JPG picture at normal setting.
Add photos after login, create your own photo mosaic or collage. You can upload 100 pictures.
You can edit your pictures in private mode. Nobody can see your pictures.
You can delete all pictures with one click.

The Project consists the Vue-BabylonJS 3D art sections. This is separate, experimental section from the mosaic maker
If you create a mosaic (or upload a picture in the admin section) You can randomize them in the ‘3D World’ or the ‘Falling Blocks’

~~~~~~~~~~~~~~~~~~~~~

This is an Mosaic Art Project to create a fast dramatic effect with the pictures.

If you are Laravel and VueJs developer I think this project is interesting for you.

Don’t Buy this Script If you don’t know the Javascript, VueJs, PHP !!!!

I use Javascript Image Effects to modify the pictures.
I use Vuex Store for the communication between the components.
VueJs Component: MosaicComponent,ImageComponent,ImageuploadComponent,…

I use Xampp for the local development.
I don’t have shared hosting you can use this app on localhost to creating graphic art.

/////////////////////////////////////////

login:

Admin
admin@test.com/123456

Test user:
test@test.com/123456
test2@test.com/123456

For test@test.com, test2@test.com are not allowed to change password

/////////////////////////////////////////

.env file, Setting, Install:

//Edit protected .env in the root folder
//MYSQL SETTING:
// Edit the datas with your access data of your hosting or local server

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_vue_image_mosaic
DB_USERNAME=root
DB_PASSWORD=root

//The SQL file is in the SQL folder
The best Tool is the PHPMyAdmin.
Import the SQL files of the program from the sql folder.

////////////////////////
//Image AND File upload setting:
//.env
//You can edit the file size If you want it.

#max image size in KB t he value is in kilobytes. : 50MB
IMAGE_SIZE = 50000

///
Edit the URL of your page.

WORK_URL=http://localhost/projects/laravel5/laravel_vue_image_mosaic/public

//////////////
VueJs edit:

First Check the NPM is existing.
npm –v

If npm is missing You can download and install here:

https://nodejs.org/en/

If you want to change the Vuejs Component:
You can edit these VueJs components.

\resources\js\components\

After edit Please Run NPM:

npm install

npm run dev

Blogbook : PHP | Javascript | Laravel | Corcel | CodeIgniter | VueJs | ReactJs | WordPress