This post will have all the links of step by step implementation of mini vue3 site for issue tracker with database tables - permissions, roles, permission_role, users, role_user, clients and issues
Here are list of features we will be crafting one after another.
Installation
1. laravel and first vue.js component
Data Seeding
1. permissions, roles, permission_role
2. users, role_user
3. clients and issues
Listing table with Laravel and Composition API
1. first composition api with composables for issues
2. eloquent api resources transforming fields
3. Pagination for issues listing
4. client column in table
5. client filter at the top of table
6. Sorting issues table by clicking on column headings
Routing
1. Using vue routes for navigating links
2. routes names and separate file
3. Changing page title dynamically
CRUD of issues
1. issue create form
2. store issue
3. validation
4. loading indicator
5. edit issue form
6. update issue
7. sweet alert for alert notification
8. delete issues
9. more table filters
Authentication and Authorization
1. guest layout and authenticated layout
2. login form and authenticaton
3. Protecting the routes front and back end
4. showing user data and logout
5. permissions roles and gates to secure backend
6. permissions vue casl to secure frontend