Projects

All snippet related to projects
 

Loading indicator on save button while form processing

Step 01: We will introduce new reactive variable isLoading in issues.js composable inside storeIssue() method like below. export default function...

Topic: Mini Issue tracker   2 years ago

Issue edit form and routing with parameter

Step 01: Creating Edit.vue component under resources/js/components/Issues folder with static text Edit Client Issue Step 02: Adding edit link in...

Topic: Mini Issue tracker   2 years ago

Update issue

Step 01: adding update() method with route model binding . Also file upload processing code is also added here// at...

Topic: Mini Issue tracker   2 years ago

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:...

Topic: Mini Issue tracker   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...

Topic: Mini Issue tracker   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...

Topic: Mini Issue tracker   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...

Topic: Mini Issue tracker   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' =>...

Topic: Mini Issue tracker   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 }...

Topic: Mini Issue tracker   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;...

Topic: Mini Issue tracker   2 years ago