Vue js 3 info

Composition API: setup()
https://vuejs.org/api/composition-api-setup.html

Vue 3 Composition API data() function

https://stackoverflow.com/questions/64105088/vue-3-composition-api-data-function

Vue.js 3 Composition API: the SetUp Function

https://medium.com/geekculture/vue-js-3-setup-function-236063add3cd

Vue template does not update value (composition api)

https://stackoverflow.com/questions/63723941/vue-template-does-not-update-value-composition-api

Vue 3 Composition API – watch and watchEffect

https://www.thisdot.co/blog/vue-3-composition-api-watch-and-watcheffect

Vue JS 3 Tutorial – 27 – Watchers

Modal – close

How to close model from a button using vue.js ? : https://www.geeksforgeeks.org/how-to-close-model-from-a-button-using-vue-js/

How to Show/Hide Elements in Vue: https://dmitripavlutin.com/vue-show-hide-elements/

Cannot find module ‘vue/compiler-sfc’ Solution : Update Vue – How To Install Vue 3 in Laravel 8 From Scratch

How To Install Vue 3 in Laravel 8 From Scratch

npm install –save vue@next
npm install –save-dev vue-loader@next

https://techvblogs.com/blog/how-to-install-vue3-laravel

Create Laravel 8 Vue JS CRUD Single Page Application


https://onlinewebtutorblog.com/how-to-install-vue-js-in-laravel-8-using-laravel-ui/
https://techvblogs.com/blog/how-to-install-vue3-laravel

FREE PHP Jobs – Free Demo PHP Laravel VueJs site With FREE Source Code

,

DEMO site link: https://blogbook.hu/laravel_workportal/public/

Free Source code: https://bitbucket.org/webeswork/laravel_vue_workportal/src/master/

Test Job seeker login:
e-mail: xyuser2test@gmail.com
password: 12345678

Test Employer login:
e-mail: xyeditor2test@gmail.com
password: 12345678

Overview
PHP Laravel 5.8 PHP Laravel Jobs Site

PHP Laravel Jobs Site allows job seekers and recruiters to connect.
The application provides the facility for job seekers to create their account, upload their profile and resume, search for jobs, apply for jobs, view different jobs opening with closing dates.
The application facilitates the employers to create their accounts, search candidates, create job postings and track contacted candidates.

The employers can create jobs
The employers can fill out their page.
They can upload logo, cover photo
The program resizes the images.

The applicants can apply for the jobs.
The employers can fill out their profile page.
They can upload profile picture, resume, cover letter.

Job Seekers
Job seeker can manage his account.
Job seeker can search the latest jobs.
Job seeker can see the whole job details.
Job seeker can apply for multiple jobs according to his needs.
Job seeker can update his profile.
Job seeker can upload his latest resume.

Employer/ Company
Employer can Post new job.
Employer can edit/delete and manage the jobs that he posted
Employer can see the list of candidates who have applied for specific job
Employer can see and download the resume of job seeker
Employer can search the job seekers.

Developer artisan commands is in the doc folder.

*******************************************
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_workportal
DB_USERNAME=root
DB_PASSWORD=root

//Mail setting | Gmail

1.Create a gmail account.
2. https://myaccount.google.com/security
Go to the “Less Secure App Access”
Open the link > Allow less secure apps: ON !!

MAIL_DRIVER=smtp
MAIL_HOST=smtp.gmail.com
MAIL_PORT=465
MAIL_USERNAME=[Your Gmail Address (ex.:youremail@gmail.com) ]
MAIL_PASSWORD=[Your Gmail Password]
MAIL_ENCRYPTION=ssl

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

//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 file size in KB : 10MB
FILE_SIZE = 10000

#max image size in KB : 10MB
IMAGE_SIZE = 10000

//////////////
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

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

VueJs getting started , starters

Getting Started with Vue – An Overview and Walkthrough Tutorial https://www.taniarascia.com/getting-started-with-vue/

Introduction https://vuejs.org/v2/guide/

VueJS for Dummies — From Vanilla JS to ES6 https://medium.com/1950labs/vuejs-for-dummies-99f57250452b

Vue Axios Post Request Example https://www.itsolutionstuff.com/post/vue-axios-post-request-exampleexample.html

Using Axios to Consume APIs https://vuejs.org/v2/cookbook/using-axios-to-consume-apis.html

Cracking Vue.js, using Axios inline html code https://joshua1988.github.io/vue-camp/vue/axios.html#%EC%95%A1%EC%8B%9C%EC%98%A4%EC%8A%A4-%EC%84%A4%EC%B9%98

How to create tabs in Vue.js https://renatello.com/vue-js-tabs/