Mini Issue tracker

all posts and snippets related to app issue tracker
 

Adding sweetalert for notification during inserting and updating

Step 01: installing sweetalert npm packagenpm install -S vue-sweetalert2 Step 02: importing sweetalert css in app.css @import 'sweetalert2/dist/sweetalert2.min.css'; Step 03:...

Category: Projects 2 years ago

Deleting issues with confirmation modal

Step 01: adding destroy() method in api/IssueController.php public function destroy(Issue $issue) { $issue->delete(); return response()->noContent(); } Step 02: now adding...

Category: Projects 2 years ago

Setting up guest and authenticated layout for authentication and authorization

From this tutorial we will be focusing on making authentication and authorization of this mini issue tracking system. We will...

Category: Projects 2 years ago

Setting up login form and initial authenticaton

Step 01: Setting up auth.js composable like before we did for issues.js with structure and variables import { ref, reactive, inject...

Category: Projects 2 years ago

Protecting the routes of both on the front-end and back-end

Step 01: Protecting backend api in routes/api.php calls with laravel sanctum which is installed by default in laravel Route::group(['middleware' =>...

Category: Projects 2 years ago

Showing user data and logout

Step 01: Adding reactive object user inside auth.js composable import { ref, reactive } from 'vue' import { useRouter }...

Category: Projects 2 years ago

Permission securing backend

Step 01: Registering all permissions to Gate with AppServiceProvider.php from database table permission_role and role_user// at the top namespace App\Providers;...

Category: Projects 2 years ago

Permission securing frontend

Step 01: npm installing casl packages casl vue and casl abilities npm install @casl/vue @casl/ability Step 02: Defining service abilities...

Category: Projects 2 years ago