VueJs  3 and PHP Laravel 8  Auction is an E-Commerce multi-vendor, multilingual program.

Downloadable package: built with Laravel 8.6

Server Requirements: PHP >= 7.3

 VueJs  3 and PHP Laravel 8  Auction is an E-Commerce multi-vendor, multilingual program.

This is a VueJs  and PHP Laravel based software that let users sell goods or bid on other products after registration.

Video:

Intro video: www.youtube.com/watch?v=UK8iKU...

If you prefer jQuery than VueJs change JS_LiBRARY="jQuery" setting in the env file. 

www.youtube.com/watch?v=IXox5h...

• Vendors/sellers can create their own account, product, specify their own currency, upload product images.
• User (vendor) can set the opening price, buy now price,  currency, category.
• User (vendor)  can add 10 photos of the product by dragging on the page.
• SuperAdmin user can moderate the auction and has full control of user, bid, auction.
• Registered user (vendor)  can create auction or bid auction.

• Server Requirements: PHP >= 7.3, MySQL, Apache webserver, .htaccess enabled.
• The program is also working on shared hosting.

Installation:

--- UNZIP:
Download the zipped folder of the VueJs -  PHP Laravel Multi-vendor Auction software.

Unzip this folder to your desktop.

Please Test the software on your PC.
Install a local test environment on your pc (win, mac, linux).
I think the XAMPP is good choice.
XAMPP is an easy to install Apache distribution containing MariaDB, PHP, and Perl. Just download and start the installer.
https://www.apachefriends.org/...

Move the unzipped folder in the C:/Server/xampp/htdocs   folder.

Go in the laravel_auction5 folder.

--- Edit .env file

Open in the main folder .env file in a Notepad or similar text editor.

Edit the host, database,username, password  rows.

DB_CONNECTION=mysql
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=laravel_auction5
DB_USERNAME=root
DB_PASSWORD=

The .env file protected with .htaccess

--- MYSQL

MYSQL setting:
Open PHPMYADMIN: http://localhost/phpmyadmin/

Create a laravel_auction5 database.
(Create a MySQL database with the name is same as .env setting .)
Import the SQL files of the program from the project/ SQL folder! (laravel_auction5.sql)

--- Mail 

Mail setting - Local test:

For local test create account on mailtrap.io or use this setting.

https://mailtrap.io/
Create account if you want to see your test mails.

MAIL_DRIVER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=*********
MAIL_PASSWORD=******************
MAIL_ENCRYPTION=tls

Mail setting - Server Test
Use Gmail for the Sender.
Create an Gmail account.
Create an App password (not the Gmail account password.)

Sign in with App Passwords
https://support.google.com/acc...

my mail setting:
MAIL_DRIVER=smtp
MAIL_HOST=smtp.gmail.com 
MAIL_PORT=587
MAIL_USERNAME=*************
MAIL_PASSWORD= ****************(Add your App password)
MAIL_ENCRYPTION=tls

--- Vue Js 3

The components communicate through the Vuex Store. (vuex: 4)

First NPM exists:  npm  --version
NPM install
https://nodejs.org/en/download...

My console show now: 8.3.0
You can update: npm install -g [email protected]
npm install

Install vue cli: npm install -g @vue/cli

You can check you have the right version with this command: vue --version

If you want to edit the VueJs 3 file
Go to

want to edit the VueJs 3 file
Go to C:/Server/xampp/htdocs/projects/laravel_auction5/resources/js/components

folder.

Edit this file.

Add this command : npm run dev