Multipurpose Laravel and Vue 3 Application

This is a part of YouTube tutorial series on building application using Laravel and Vue 3. Here is the YouTube playlist link: https://www.youtube.com/watch?v=IoPOi-Xp_Ng&list=PLGg3vnFos8GN3MAvxbI-QXKSkBKi2yIFO

Topics Covered

• How to filter results using Laravel and Vue 3
• How to add search functionality with Laravel and Vue 3
• How to use SweetAlert with Laravel and Vue 3
• How to install AdminLTE 3 with Laravel
• How to use toast notification using Laravel and Vue 3
• How to use bootstrap confirmation modal using Laravel and Vue 3
• How to use bootstrap modal for editing data using Laravel and Vue 3
• How to use date picker, time picker & text-area input with laravel and Vue 3
• How to use Vue 3 components for re-usability
• How to use Laravel fortify for authentication
• How to use Vue 3 events
• How to use toast notification with Laravel and Vue 3
• How to use bootstrap modal for deleting data using Laravel and Vue 3
• How to display alert window before deleting data using Laravel and Vue 3
• How to use pagination in Laravel and Vue 3
• How to use bootstrap for pagination in Laravel and Vue 3
• How to use flatpickr datepicker using Laravel and Vue 3
• How to use flatpickr timepicker using Laravel and Vue 3
• How to use datepicker and timepicker with Laravel and Vue 3
• How to perform bulk delete using Laravel and Vue 3
• How to use vue-router using Laravel and Vue 3
• How to use axios using Laravel and Vue 3
• How to use vee-validate for frontend validation using Vue 3
• How to use moment js for formatting date using Vue 3
• How to use laravel-vue-pagination library with Vue 3 and Laravel
• How to use Laravel Macros
• And more...

Installation

• Clone the repository
• Copy .env.example to .env
• Set the DB_ environment variables in .env file
• Create a database with the name specified in DB_DATABASE
• composer install
• npm install
• php artisan key:generate
• Migrate and seed the database with php artisan migrate:fresh --seed
• Run the application:
• php artisan serve
• npm run dev
• You can now log in with user "[email protected]", password "password"

Authors

• @clovon

Feedback

If you have any feedback, please reach out to me at [email protected]

License

MIT