diff --git a/app/Http/Controllers/HR/Applications/RecruitmentApplicationController.php b/app/Http/Controllers/HR/Applications/RecruitmentApplicationController.php
new file mode 100644
index 0000000000..fdf4b22adf
--- /dev/null
+++ b/app/Http/Controllers/HR/Applications/RecruitmentApplicationController.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace App\Http\Controllers\HR\Applications;
+
+use Illuminate\Support\Facades\Request;
+use Modules\HR\Entities\Application;
+use Illuminate\Routing\Controller;
+use Carbon\Carbon;
+
+class RecruitmentApplicationController extends Controller
+{
+
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        $filter = request()->filter;
+
+        switch ($filter) {
+            case 'last-week':
+                $startDate = Carbon::now()->startOfWeek()->subWeek();
+                $endDate = Carbon::now()->endOfWeek()->subWeek();
+                break;
+            case 'last-month':
+                $startDate = Carbon::now()->startOfMonth()->subMonth();
+                $endDate = Carbon::now()->endOfMonth()->subMonth();
+                break;
+            case 'last-quarter':
+                $startDate = Carbon::now()->startOfQuarter()->subQuarter();
+                $endDate = Carbon::now()->endOfQuarter()->subQuarter();
+                break;
+        }
+
+        $rejectedApplicationCount = Application::rejected()
+            ->whereDate('updated_at', '>=', $startDate)
+            ->whereDate('updated_at', '<=', $endDate)
+            ->count();
+
+        $receivedApplicationCount = Application::whereDate('created_at', '>=', $startDate)
+            ->whereDate('created_at', '<=', $endDate)
+            ->count();
+        
+        // $introductoryApplicationCount = Application::whereDate('updated_at', '>=', $startDate)
+        //     ->whereDate('updated_at', '<=', $endDate)
+        //     ->applicationRounds()->introductoryCall()
+        //     ->count();
+        
+        // $newApplicationCount = Application::whereDate('updated_at', '>=', $startDate)
+        //     ->whereDate('updated_at', '<=', $endDate)
+        //     ->applicationRounds()->resumeScreening()
+        //     ->count();
+
+        return [
+            "total_received_applications" => $receivedApplicationCount,
+            "total_rejected_applications" => $rejectedApplicationCount,
+            "total_introductory_call_applications" => 30,
+            "total_new_applications" => 40,
+        ];
+    }
+}
diff --git a/resources/js/app.js b/resources/js/app.js
index a5c465a4d0..c15de3c270 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -83,6 +83,22 @@ Vue.component(
 	"user-dashboard-library",
 	require("./components/Dashboard/UserDashboardLibrary.vue").default
 );
+Vue.component(
+	"user-dashboard-hiring",
+	require("./components/Dashboard/UserDashboardHiringActivity.vue").default
+);
+Vue.component(
+	"user-hiring-last-week",
+	require("./components/Dashboard/UserDashboardHiringLastWeek.vue").default
+);
+Vue.component(
+	"user-hiring-last-month",
+	require("./components/Dashboard/UserDashboardHiringLastMonth.vue").default
+);
+Vue.component(
+	"user-hiring-last-quarter",
+	require("./components/Dashboard/UserDashboardHiringLastQuarter.vue").default
+);
 Vue.component(
 	"user-dashboard-infrastructure",
 	require("./components/Dashboard/UserDashboardInfrastructure.vue").default
diff --git a/resources/js/components/Dashboard/UserDashboardHiringActivity.vue b/resources/js/components/Dashboard/UserDashboardHiringActivity.vue
new file mode 100644
index 0000000000..5224c866ec
--- /dev/null
+++ b/resources/js/components/Dashboard/UserDashboardHiringActivity.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="card text-center card text-center w-xl-389 h-xl-416">
+    <div class="card-header p-1">
+	    <h3><a href="/hr/recruitment/job">Hiring Activity</a></h3>
+    </div>
+    <div class="card-header">
+      <ul class="nav nav-tabs card-header-tabs flex-nowrap">
+        <li class="nav-item">
+          <a
+            id="last-week"
+            class="nav-link c-pointer active"
+            @click="setActiveTile('last-week')"
+            >Last week</a
+          >
+        </li>
+        <li class="nav-item">
+          <a 
+            id="last-month" 
+            class="nav-link c-pointer" 
+            @click="setActiveTile('last-month')"
+            >Last month</a
+          >
+        </li>
+
+        <li class="nav-item">
+          <a
+            id="last-quarter"
+            class="nav-link c-pointer"
+            @click="setActiveTile('last-quarter')"
+           >Last quarter</a
+          >
+        </li>
+      </ul>
+    </div>
+    <div class="card-body pt-3 h-318 w-md-389 w-389 overflow-y-scroll">
+      <div v-show="this.activeTile == 'last-week'">
+        <user-hiring-last-week />
+      </div>
+      <span v-show="this.activeTile == 'last-month'">
+        <user-hiring-last-month />
+      </span>
+      <span v-show="this.activeTile == 'last-quarter'">
+        <user-hiring-last-quarter />
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+	props: [],
+	data() {
+		return {
+			activeTile: "last-week",
+		};
+	},
+
+	methods: {
+		setActiveTile(tile) {
+			this.activeTile = tile;
+			document.querySelector("#last-week").classList.remove("active");
+			document.querySelector("#last-month").classList.remove("active");
+			document.querySelector("#last-quarter").classList.remove("active");
+			document.querySelector(`#${tile}`).classList.add("active");
+		},
+	},
+};
+</script>
+
diff --git a/resources/js/components/Dashboard/UserDashboardHiringLastMonth.vue b/resources/js/components/Dashboard/UserDashboardHiringLastMonth.vue
new file mode 100644
index 0000000000..f70e303b6e
--- /dev/null
+++ b/resources/js/components/Dashboard/UserDashboardHiringLastMonth.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="px-2 pt-2">
+        <div class="row text-left d-flex justify-content-between" >
+            <div class="text-secondary"> Total received applications </div>
+            <h4>{{ this.hiringData.total_received_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+        <div class="row text-left d-flex justify-content-between mt-2" >
+            <div class="text-secondary"> Total rejected applications </div>
+            <h4>{{ this.hiringData.total_rejected_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+        <div class="row text-left d-flex justify-content-between mt-2" >
+            <div class="text-secondary"> Total introductory call applications </div>
+            <h4>{{ this.hiringData.total_introductory_call_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+        <div class="row text-left d-flex justify-content-between mt-2" >
+            <div class="text-secondary"> Total new applications </div>
+            <h4>{{ this.hiringData.total_new_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+    </div>
+</template>
+
+<script>
+export default {
+	props: [],
+	data() {
+		return {
+			hiringData:[]
+		};
+	},
+
+	methods: {
+		async getHiringData() {
+			let response = await axios.post("/dashboart/hiring-activity", {"filter" : "last-month"});
+			this.hiringData =  response.data;
+
+		}
+	},
+
+	mounted() {
+		this.getHiringData();
+	}
+};
+</script>
diff --git a/resources/js/components/Dashboard/UserDashboardHiringLastQuarter.vue b/resources/js/components/Dashboard/UserDashboardHiringLastQuarter.vue
new file mode 100644
index 0000000000..df6893cab2
--- /dev/null
+++ b/resources/js/components/Dashboard/UserDashboardHiringLastQuarter.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="px-2 pt-2">
+        <div class="row text-left d-flex justify-content-between" >
+            <div class="text-secondary"> Total received applications </div>
+            <h4>{{ this.hiringData.total_received_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+        <div class="row text-left d-flex justify-content-between mt-2" >
+            <div class="text-secondary"> Total rejected applications </div>
+            <h4>{{ this.hiringData.total_rejected_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+        <div class="row text-left d-flex justify-content-between mt-2" >
+            <div class="text-secondary"> Total introductory call applications </div>
+            <h4>{{ this.hiringData.total_introductory_call_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+        <div class="row text-left d-flex justify-content-between mt-2" >
+            <div class="text-secondary"> Total new applications </div>
+            <h4>{{ this.hiringData.total_new_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+    </div>
+</template>
+
+<script>
+export default {
+	props: [],
+	data() {
+		return {
+			hiringData:[]
+		};
+	},
+
+	methods: {
+		async getHiringData() {
+			let response = await axios.post("/dashboart/hiring-activity", {"filter" : "last-quarter"});
+			this.hiringData =  response.data;
+
+		}
+	},
+
+	mounted() {
+		this.getHiringData();
+	}
+};
+</script>
diff --git a/resources/js/components/Dashboard/UserDashboardHiringLastWeek.vue b/resources/js/components/Dashboard/UserDashboardHiringLastWeek.vue
new file mode 100644
index 0000000000..2e1764b8d4
--- /dev/null
+++ b/resources/js/components/Dashboard/UserDashboardHiringLastWeek.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="px-2 pt-2">
+        <div class="row text-left d-flex justify-content-between" >
+            <div class="text-secondary"> Total received applications </div>
+            <h4>{{ this.hiringData.total_received_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+        <div class="row text-left d-flex justify-content-between mt-2" >
+            <div class="text-secondary"> Total rejected applications </div>
+            <h4>{{ this.hiringData.total_rejected_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+        <div class="row text-left d-flex justify-content-between mt-2" >
+            <div class="text-secondary"> Total introductory call applications </div>
+            <h4>{{ this.hiringData.total_introductory_call_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+        <div class="row text-left d-flex justify-content-between mt-2" >
+            <div class="text-secondary"> Total new applications </div>
+            <h4>{{ this.hiringData.total_new_applications }}</h4>
+        </div>
+        <hr class="mt-1">
+    </div>
+</template>
+
+<script>
+export default {
+	props: [],
+	data() {
+		return {
+			hiringData:[]
+		};
+	},
+
+	methods: {
+		async getHiringData() {
+			let response = await axios.post("/dashboart/hiring-activity", {"filter" : "last-week"});
+			this.hiringData =  response.data;
+
+		}
+	},
+
+	mounted() {
+		this.getHiringData();
+	}
+};
+</script>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 9daf90c32e..6fd11cf145 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -45,6 +45,12 @@
             </div>
         @endcan
 
+        @if(Module::checkStatus('HR') && auth()->user()->can('hr_recruitment_jobs.view'))
+        <div class="mr-5 mr-md-3 pr-md-0 pr-4 mb-4 min-w-389">
+            <user-dashboard-hiring />
+        </div>
+        @endif
+
         @can('projects.view')
         <div class="pr-5 mb-4 min-w-389">
             <user-dashboard-projects />
diff --git a/routes/web.php b/routes/web.php
index ef09f1fcbc..44f1bd0de3 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -173,4 +173,5 @@
     Route::get('user/read-books', 'UserBookController@index');
     Route::get('user/wishlist-books', 'UserBookController@booksInWishlist');
     Route::get('user/projects', 'UserController@projects');
+    Route::post('dashboart/hiring-activity', 'HR\Applications\RecruitmentApplicationController@index');
 });