diff --git a/package-lock.json b/package-lock.json
index 5676e8d1..6ad57d2f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7334,6 +7334,11 @@
             "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
             "dev": true
         },
+        "rater-js": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/rater-js/-/rater-js-1.0.1.tgz",
+            "integrity": "sha512-93MxfiXKfX2LvIIcArtSY4M5C/l5Dg9EioNeQVk1cxnxCuU14A5qXOY0O7DuWlkjBJ930pLUNsOJBcIMUv0oAg=="
+        },
         "raw-body": {
             "version": "2.4.0",
             "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz",
diff --git a/package.json b/package.json
index dda01db9..7b8492ce 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
         "fibers": "^5.0.0",
         "hooper": "^0.3.4",
         "normalize.css": "^8.0.1",
+        "rater-js": "^1.0.1",
         "vue-select-image": "^1.9.0"
     }
 }
diff --git a/resources/js/main.js b/resources/js/main.js
index 7a76d7a5..d5292526 100644
--- a/resources/js/main.js
+++ b/resources/js/main.js
@@ -1,7 +1,7 @@
 require('@fortawesome/fontawesome-free/js/all');
 window.Vue = require('vue');
 window.axios = require('axios');
-
+window.rater = require('rater-js');
 /**
  * The following block of code may be used to automatically register your
  * Vue components. It will recursively scan this directory for the Vue
diff --git a/resources/sass/main.scss b/resources/sass/main.scss
index a717f43d..98a07cc7 100644
--- a/resources/sass/main.scss
+++ b/resources/sass/main.scss
@@ -1,5 +1,6 @@
 @import "~normalize.css/normalize.css";
 @import "~@fortawesome/fontawesome-free/css/all.min.css";
+@import "~rater-js/lib/style.css";
 
 @import "variables";
 @import "front/reset";