https://github.com/clovon/multipurpose-laravel9-and-vue3-application

Multipurpose Laravel9 and Vue3 Application. This is a part of tutorial series on Youtube.
https://github.com/clovon/multipurpose-laravel9-and-vue3-application

Last synced: about 2 months ago
JSON representation

Multipurpose Laravel9 and Vue3 Application. This is a part of tutorial series on Youtube.

• Host: GitHub
• URL: https://github.com/clovon/multipurpose-laravel9-and-vue3-application
• Owner: clovon
• Created: 2022-07-14T16:10:57.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-10T15:55:05.000Z (10 months ago)
• Last Synced: 2024-03-10T16:53:35.162Z (10 months ago)
• Language: PHP
• Size: 352 KB
• Stars: 36
• Watchers: 2
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://www.github.com/clovon)

## Feedback

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

## License

[MIT](https://choosealicense.com/licenses/mit/)