diff --git a/frontend/components/containers/TextClassification.vue b/frontend/components/containers/TextClassification.vue
index 3b876bb4..8159220a 100644
--- a/frontend/components/containers/TextClassification.vue
+++ b/frontend/components/containers/TextClassification.vue
@@ -59,7 +59,6 @@ export default {
       this.updateAnnotation(payload)
     },
     addLabel(labelId) {
-      alert(labelId)
       const payload = {
         label: labelId,
         projectId: this.$route.params.id
diff --git a/frontend/pages/demo/named-entity-recognition/index.vue b/frontend/pages/demo/named-entity-recognition/index.vue
index 4b28c56f..bc80f5dc 100644
--- a/frontend/pages/demo/named-entity-recognition/index.vue
+++ b/frontend/pages/demo/named-entity-recognition/index.vue
@@ -138,7 +138,7 @@ export default {
     },
     addEntity(startOffset, endOffset, labelId) {
       const payload = {
-        id: this.currentDoc.annotations.reduce((x, y) => { return x.id > y.id ? x : y }).id + 1,
+        id: Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER)),
         start_offset: startOffset,
         end_offset: endOffset,
         label: labelId
diff --git a/frontend/pages/demo/sentiment-analysis/index.vue b/frontend/pages/demo/sentiment-analysis/index.vue
new file mode 100644
index 00000000..8cac9c08
--- /dev/null
+++ b/frontend/pages/demo/sentiment-analysis/index.vue
@@ -0,0 +1,95 @@
+<template>
+  <v-content>
+    <v-container fluid>
+      <v-row justify="center">
+        <v-col cols="12" md="9">
+          <base-text-area>
+            <template #title>
+              <multi-class-classification
+                :labels="items"
+                :annotations="currentDoc.annotations"
+                :add-label="addLabel"
+                :delete-label="removeLabel"
+              />
+            </template>
+            <template #content>
+              <div class="title">
+                {{ currentDoc.text }}
+              </div>
+            </template>
+          </base-text-area>
+        </v-col>
+        <v-col cols="12" md="3">
+          <metadata-box :metadata="JSON.parse(currentDoc.meta)" />
+        </v-col>
+      </v-row>
+    </v-container>
+  </v-content>
+</template>
+
+<script>
+import MultiClassClassification from '~/components/organisms/MultiClassClassification'
+import BaseTextArea from '@/components/molecules/BaseTextArea'
+import MetadataBox from '@/components/organisms/MetadataBox'
+
+export default {
+  layout: 'annotation',
+
+  components: {
+    MultiClassClassification,
+    MetadataBox,
+    BaseTextArea
+  },
+
+  data() {
+    return {
+      items: [
+        {
+          id: 4,
+          text: 'Positive',
+          prefix_key: null,
+          suffix_key: 'p',
+          background_color: '#7c20e0',
+          text_color: '#ffffff'
+        },
+        {
+          id: 5,
+          text: 'Negative',
+          prefix_key: null,
+          suffix_key: 'n',
+          background_color: '#fbb028',
+          text_color: '#000000'
+        }
+      ],
+      currentDoc: {
+        id: 8,
+        text: 'Fair drama/love story movie that focuses on the lives of blue collar people finding new life thru new love. The acting here is good but the film fails in cinematography, screenplay, directing and editing. The story/script is only average at best. This film will be enjoyed by Fonda and De Niro fans and by people who love middle age love stories where in the coartship is on a more wiser and cautious level. It would also be interesting for people who are interested on the subject matter regarding illiteracy.......',
+        annotations: [
+          {
+            id: 17,
+            prob: 0.0,
+            label: 4,
+            user: 1,
+            document: 8
+          }
+        ],
+        meta: '{"wikiPageId":2}',
+        annotation_approver: null
+      }
+    }
+  },
+
+  methods: {
+    removeLabel(annotationId) {
+      this.currentDoc.annotations = this.currentDoc.annotations.filter(item => item.id !== annotationId)
+    },
+    addLabel(labelId) {
+      const payload = {
+        id: Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER)),
+        label: labelId
+      }
+      this.currentDoc.annotations.push(payload)
+    }
+  }
+}
+</script>