Projects

All snippet related to projects
 

Adding client column in table

This tutorial is part of this mini project on Laravel vue spa. To see all the sections of this project...

Topic: Mini Issue tracker   2 years ago

Adding client dropdown at the top of table

This tutorial is part of this mini project on Laravel vue spa. To see all the sections of this project...

Topic: Mini Issue tracker   2 years ago

Adding client dropdown to the top of issues list table and filtering the list with that dropdown

This tutorial is part of this mini project on Laravel vue spa. To see all the sections of this project...

Topic: Mini Issue tracker   2 years ago

Sorting issues table rows by clicking column headings

Step 01: Adding visual changes for table headers inside Index.vue inside template tag like below ID ↑ ↓ Client Issue...

Topic: Mini Issue tracker   2 years ago

Introducing routing with router-link and router-view for issues list and creating issues

Step 01: Installing vue-router package npm install vue-router@latest Step 02: Creating second vue component Create.vue with static text below inside...

Topic: Mini Issue tracker   2 years ago

Separating routes in another file and using route names

Step 01: Lets create a new route file index.js under resources/js/routes and move route codes from app.js to there like...

Topic: Mini Issue tracker   2 years ago

Dynamically changing page title using meta attribute of vue router and changing master.vue with some layout tweaks

Step 01: To change page title (title tag) with changing navigation we need to add meta attribute inside routes variable...

Topic: Mini Issue tracker   2 years ago

Creating issue create form with client dropdown

Step 01: We need to create issue create form first inside Create.vue of resources\js\components\Issues folder <template> <h1>Create Client Issue </h1>...

Topic: Mini Issue tracker   2 years ago

Storing issue in db table

For storing issue in table in database we need to add following codes step by step in backend and frontend....

Topic: Mini Issue tracker   2 years ago

Validation while issue form submitting

Step 01: Adding validationErrors variable in the issues.js composable as reactive and using it inside catch of storeIssue() method to...

Topic: Mini Issue tracker   2 years ago