diff --git a/cut-be/src/app/controllers/v1/cut.rs b/cut-be/src/app/controllers/v1/cut.rs
index bb70413..3a5f5da 100644
--- a/cut-be/src/app/controllers/v1/cut.rs
+++ b/cut-be/src/app/controllers/v1/cut.rs
@@ -14,7 +14,9 @@ pub async fn get_cut_raw(m: web::Data<Module>, req: HttpRequest) -> impl Respond
     let id: String = req.match_info().query("id").parse().unwrap();
     match handlers::cut::get_one(m, id) {
         Ok(cut) => match cut.variant.as_str() {
-            constants::VARIANT_SNIPPET => HttpResponse::Ok().body(cut.data),
+            constants::VARIANT_SNIPPET => HttpResponse::Ok()
+                .header("Content-Type", "text/plain")
+                .body(cut.data),
             constants::VARIANT_URL => HttpResponse::TemporaryRedirect()
                 .header("Location", cut.data)
                 .finish(),
@@ -42,7 +44,7 @@ pub async fn get_cut(m: web::Data<Module>, req: HttpRequest) -> impl Responder {
 #[post("")]
 pub async fn post_snippet_create(
     m: web::Data<Module>,
-    cut: web::Json<Cut>,
+    mut cut: web::Json<Cut>,
     req: HttpRequest,
 ) -> impl Responder {
     let user: TokenInfo = match handlers::auth::authorize(&m, &req).await {
@@ -57,7 +59,11 @@ pub async fn post_snippet_create(
         constants::VARIANT_URL => (),
         _ => return HttpResponse::BadRequest().finish(),
     };
-    match handlers::cut::insert(m, user.sub, cut.0) {
+    if cut.data.trim().chars().count() == 0 {
+        return HttpResponse::BadRequest().finish();
+    };
+    cut.0.owner = user.sub;
+    match handlers::cut::insert(m, cut.0) {
         Ok(hash) => HttpResponse::Ok().json(CreateResponse { hash: hash }),
         Err(e) => HttpResponse::InternalServerError().body(format!("{:?}", e)),
     }
diff --git a/cut-be/src/app/datatransfers/cut.rs b/cut-be/src/app/datatransfers/cut.rs
index b69edd6..d6106bd 100644
--- a/cut-be/src/app/datatransfers/cut.rs
+++ b/cut-be/src/app/datatransfers/cut.rs
@@ -1,4 +1,7 @@
+use crate::core::error::{HandlerError, HandlerErrorKind};
 use serde::{Deserialize, Serialize};
+use std::collections::HashMap;
+use std::time::{SystemTime, UNIX_EPOCH};
 
 #[derive(Debug, Serialize, Deserialize)]
 pub struct Cut {
@@ -8,8 +11,70 @@ pub struct Cut {
     pub variant: String,
     pub metadata: String,
     pub data: String,
-    #[serde(skip_deserializing)]
+    pub expiry: i64,
+    #[serde(default = "current_time")]
     pub created_at: u64,
+    #[serde(default = "Default::default")]
+    pub views: u64,
+}
+
+fn current_time() -> u64 {
+    match SystemTime::now().duration_since(UNIX_EPOCH) {
+        Ok(duration) => duration.as_secs(),
+        Err(_) => 0,
+    }
+}
+
+impl Cut {
+    pub fn from_hashmap(res: HashMap<String, String>) -> Result<Self, HandlerError> {
+        Ok(Cut {
+            name: res
+                .get("name")
+                .ok_or(HandlerErrorKind::RedisError)?
+                .to_string(),
+            owner: res
+                .get("owner")
+                .ok_or(HandlerErrorKind::RedisError)?
+                .to_string(),
+            variant: res
+                .get("variant")
+                .ok_or(HandlerErrorKind::RedisError)?
+                .to_string(),
+            metadata: res
+                .get("metadata")
+                .ok_or(HandlerErrorKind::RedisError)?
+                .to_string(),
+            data: res
+                .get("data")
+                .ok_or(HandlerErrorKind::RedisError)?
+                .to_string(),
+            expiry: res
+                .get("expiry")
+                .ok_or(HandlerErrorKind::RedisError)?
+                .parse()?,
+            created_at: res
+                .get("created_at")
+                .ok_or(HandlerErrorKind::RedisError)?
+                .parse()?,
+            views: res
+                .get("views")
+                .ok_or(HandlerErrorKind::RedisError)?
+                .parse()?,
+        })
+    }
+
+    pub fn to_array(&self) -> [(&str, String); 8] {
+        return [
+            ("name", self.name.clone()),
+            ("owner", self.owner.clone()),
+            ("variant", self.variant.clone()),
+            ("metadata", self.metadata.clone()),
+            ("data", self.data.clone()),
+            ("expiry", self.expiry.to_string()),
+            ("created_at", self.created_at.to_string()),
+            ("views", self.views.to_string()),
+        ];
+    }
 }
 
 #[derive(Debug, Serialize, Deserialize)]
diff --git a/cut-be/src/app/handlers/cut.rs b/cut-be/src/app/handlers/cut.rs
index aad82f0..d5ab51c 100644
--- a/cut-be/src/app/handlers/cut.rs
+++ b/cut-be/src/app/handlers/cut.rs
@@ -3,72 +3,43 @@ use crate::core::error::{HandlerError, HandlerErrorKind};
 use crate::utils::hash;
 use actix_web::web;
 use r2d2_redis::redis::Commands;
-use std::{
-    collections::HashMap,
-    time::{SystemTime, UNIX_EPOCH},
-};
+use std::collections::HashMap;
 
-pub fn get_one(m: web::Data<Module>, id: String) -> Result<Cut, HandlerError> {
+pub fn get_one(m: web::Data<Module>, hash: String) -> Result<Cut, HandlerError> {
     let rd = &mut m.rd_pool.get()?;
-    match rd.hgetall::<String, HashMap<String, String>>(id) {
+    let key = format!("cut::{}", hash);
+    let mut cut: Cut = match rd.hgetall::<String, HashMap<String, String>>(key.clone()) {
         Ok(res) => {
             if res.is_empty() {
                 return Err(HandlerErrorKind::CutNotFoundError.into());
             }
-            Ok(Cut {
-                name: res
-                    .get("name")
-                    .ok_or(HandlerErrorKind::CutNotFoundError)?
-                    .to_string(),
-                owner: res
-                    .get("owner")
-                    .ok_or(HandlerErrorKind::CutNotFoundError)?
-                    .to_string(),
-                variant: res
-                    .get("variant")
-                    .ok_or(HandlerErrorKind::CutNotFoundError)?
-                    .to_string(),
-                metadata: res
-                    .get("metadata")
-                    .ok_or(HandlerErrorKind::CutNotFoundError)?
-                    .to_string(),
-                data: res
-                    .get("data")
-                    .ok_or(HandlerErrorKind::CutNotFoundError)?
-                    .to_string(),
-                created_at: res
-                    .get("created_at")
-                    .ok_or(HandlerErrorKind::CutNotFoundError)?
-                    .parse()?,
-            })
+            Cut::from_hashmap(res)?
         }
-        Err(e) => Err(e.into()),
+        Err(e) => return Err(e.into()),
+    };
+    cut.views += 1;
+    if cut.expiry < 0 {
+        let _ = rd.del::<String, i32>(key.clone());
+    } else {
+        let _ = rd.hset::<String, &str, u64, i32>(key.clone(), "views", cut.views);
     }
+    Ok(cut)
 }
 
-pub fn insert(
-    m: web::Data<Module>,
-    user_subject: String,
-    cut: Cut,
-) -> Result<String, HandlerError> {
+pub fn insert(m: web::Data<Module>, cut: Cut) -> Result<String, HandlerError> {
     let rd = &mut m.rd_pool.get()?;
     let hash: String = hash::generate(HASH_LENGTH).into();
-    let created_at = match SystemTime::now().duration_since(UNIX_EPOCH) {
-        Ok(duration) => duration.as_secs(),
-        Err(_) => return Err(HandlerErrorKind::GeneralError.into()),
-    };
-    match rd.hset_multiple::<String, &str, String, String>(
-        hash.clone(),
-        &[
-            ("name", cut.name),
-            ("owner", user_subject),
-            ("variant", cut.variant),
-            ("metadata", cut.metadata),
-            ("data", cut.data),
-            ("created_at", created_at.to_string()),
-        ],
-    ) {
-        Ok(_) => Ok(hash),
+    let key = format!("cut::{}", hash.clone());
+    match rd.hset_multiple::<String, &str, String, String>(key.clone(), &cut.to_array()) {
+        Ok(_) => {
+            if cut.expiry < 0 {
+                return Ok(hash);
+            };
+            match rd.expire::<String, i32>(key.clone(), cut.expiry as usize) {
+                Ok(_) => Ok(hash),
+                Err(e) => Err(e.into()),
+            }
+        }
         Err(e) => Err(e.into()),
     }
 }
diff --git a/cut-fe/src/constants/expiries.ts b/cut-fe/src/constants/expiries.ts
new file mode 100644
index 0000000..c278be9
--- /dev/null
+++ b/cut-fe/src/constants/expiries.ts
@@ -0,0 +1,12 @@
+export const expiries: {
+  [name: string]: number;
+} = {
+  "Delete after read": -1,
+  "1 minute": 60,
+  "10 minutes": 600,
+  "1 hour": 3600,
+  "12 hours": 12 * 3600,
+  "1 day": 24 * 3600,
+  "2 days": 2 * 24 * 3600,
+  "1 week": 7 * 24 * 3600
+};
diff --git a/cut-fe/src/constants/index.ts b/cut-fe/src/constants/index.ts
new file mode 100644
index 0000000..962ff76
--- /dev/null
+++ b/cut-fe/src/constants/index.ts
@@ -0,0 +1,5 @@
+import { expiries } from "./expiries";
+import { languages } from "./languages";
+import { STATUS } from "./status";
+
+export { expiries, languages, STATUS };
diff --git a/cut-fe/src/router/index.ts b/cut-fe/src/router/index.ts
index c29ed03..b47752b 100644
--- a/cut-fe/src/router/index.ts
+++ b/cut-fe/src/router/index.ts
@@ -32,7 +32,7 @@ const routes: Array<RouteConfig> = [
         beforeEnter: authenticatedOnly,
         component: Create,
         meta: {
-          title: "Create Cut | Cut"
+          title: "Create | Cut"
         }
       },
       {
@@ -75,6 +75,10 @@ const routes: Array<RouteConfig> = [
         meta: {
           title: "View Cut | Cut"
         }
+      },
+      {
+        path: "*",
+        redirect: { name: "home" }
       }
     ]
   }
diff --git a/cut-fe/src/styles/App.sass b/cut-fe/src/styles/App.sass
index f2bc1bb..19992a0 100644
--- a/cut-fe/src/styles/App.sass
+++ b/cut-fe/src/styles/App.sass
@@ -20,6 +20,9 @@ a.text-link:hover
   box-shadow: inset 0 -2px 0 var(--v-primary-base)
   transition: 200ms
 
+h1
+  line-height: normal !important
+
 .v-card > .v-card__title
   padding: 16px 16px 16px 24px !important
 
diff --git a/cut-fe/src/styles/Create.sass b/cut-fe/src/styles/Create.sass
index dc8fa7d..89a78dc 100644
--- a/cut-fe/src/styles/Create.sass
+++ b/cut-fe/src/styles/Create.sass
@@ -5,6 +5,7 @@
   font-size: 14px
   line-height: 1.5
   padding: 20px 5px
+  border: 1px solid #fff4
 
 #view-link, #raw-link
   font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace
diff --git a/cut-fe/src/utils/highlighter.ts b/cut-fe/src/utils/highlighter.ts
new file mode 100644
index 0000000..a6224d6
--- /dev/null
+++ b/cut-fe/src/utils/highlighter.ts
@@ -0,0 +1,17 @@
+import Prism from "prismjs";
+import { languages } from "@/constants";
+
+export function highlighter(language: string): Function {
+  return (code: string): string => {
+    if (language === "Plaintext")
+      return code
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+    return Prism.highlight(
+      code,
+      languages[language].grammar,
+      languages[language].language
+    );
+  };
+}
diff --git a/cut-fe/src/views/View.vue b/cut-fe/src/views/View.vue
index 987efdb..81b1a87 100644
--- a/cut-fe/src/views/View.vue
+++ b/cut-fe/src/views/View.vue
@@ -2,19 +2,48 @@
   <div class="view">
     <v-fade-transition>
       <div v-show="pageLoadStatus === STATUS.COMPLETE">
-        <v-row class="mb-8" align="center">
+        <v-row class="mb-2" align="center">
           <v-col cols="12" sm="">
-            <h1 class="text-h2">
-              <div v-if="variant === 'snippet'">
-                {{ snippet.name }}
-              </div>
-              <div v-if="variant === 'url'">
-                Redirecting...
-              </div>
-              <div v-if="variant === 'file'">
-                Download File
-              </div>
+            <h1 class="text-h2 text-truncate" v-if="variant === 'snippet'">
+              {{ snippet.name }}
             </h1>
+            <h1 class="text-h2" v-if="variant === 'url'">
+              Redirecting...
+            </h1>
+            <h1 class="text-h2" v-if="variant === 'file'">
+              Download File
+            </h1>
+            <div class="mx-n2 mt-2">
+              <v-chip color="secondary" class="ma-2" outlined small>
+                <v-avatar left>
+                  <v-icon v-text="'mdi-calendar-edit'" small />
+                </v-avatar>
+                {{
+                  Intl.DateTimeFormat("default", {
+                    dateStyle: "full",
+                    timeStyle: "medium"
+                  }).format(createdAt)
+                }}
+              </v-chip>
+              <v-chip color="primary" class="ma-2" outlined small>
+                <v-avatar left>
+                  <v-icon v-text="'mdi-eye'" small />
+                </v-avatar>
+                {{ views }}
+              </v-chip>
+              <v-chip
+                v-if="variant === 'snippet'"
+                color="accent"
+                class="ma-2"
+                outlined
+                small
+              >
+                <v-avatar left>
+                  <v-icon v-text="'mdi-code-braces'" small />
+                </v-avatar>
+                {{ snippet.language }}
+              </v-chip>
+            </div>
           </v-col>
         </v-row>
         <v-row>
@@ -27,7 +56,7 @@
                       <v-col>
                         <prism-editor
                           v-model="snippet.data"
-                          :highlight="highlighter"
+                          :highlight="highlighter(snippet.language)"
                           line-numbers
                           readonly
                           class="snippet-editor rounded"
@@ -92,36 +121,28 @@
 
 <script lang="ts">
 import Vue from "vue";
+import api from "@/apis/api";
 import { STATUS } from "@/constants/status";
-import { languages } from "@/constants/languages";
-import "@/styles/Create.sass";
+import { highlighter } from "@/utils/highlighter";
 
-import Prism from "prismjs";
+import "@/styles/Create.sass";
 import "@/styles/prism-atom-dark.css";
-import api from "@/apis/api";
 
 export default Vue.extend({
   data() {
     return {
       variant: "",
+      createdAt: new Date(),
+      views: 0,
       snippet: {
         name: "",
         language: "Plaintext",
-        languageSelect: languages,
         data: ""
       },
       url: {
         target: ""
       },
-      pageLoadStatus: STATUS.IDLE,
-      linkView: "",
-      linkRaw: "",
-      copiedTooltip: {
-        view: false,
-        raw: false,
-        viewTimeout: 0,
-        rawTimeout: 0
-      }
+      pageLoadStatus: STATUS.LOADING
     };
   },
 
@@ -130,15 +151,6 @@ export default Vue.extend({
   },
 
   methods: {
-    highlighter(code: string): string {
-      if (this.snippet.language === "Plaintext") return code;
-      Prism.highlightAll();
-      return Prism.highlight(
-        code,
-        languages[this.snippet.language].grammar,
-        languages[this.snippet.language].language
-      );
-    },
     getCut(hash: string) {
       this.pageLoadStatus = STATUS.LOADING;
       api.cut
@@ -147,6 +159,8 @@ export default Vue.extend({
           const data = response.data;
           const metadata = JSON.parse(data.metadata);
           this.variant = data.variant;
+          this.views = data.views;
+          this.createdAt = new Date(data.created_at * 1000);
           switch (response.data.variant) {
             case "snippet":
               this.snippet.name = data.name;
@@ -165,9 +179,9 @@ export default Vue.extend({
         })
         .catch(err => {
           this.pageLoadStatus = STATUS.ERROR;
-          console.error(err);
         });
-    }
+    },
+    highlighter: (language: string) => highlighter(language)
   }
 });
 </script>
diff --git a/cut-fe/src/views/manage/Create.vue b/cut-fe/src/views/manage/Create.vue
index bd8e41d..a27f691 100644
--- a/cut-fe/src/views/manage/Create.vue
+++ b/cut-fe/src/views/manage/Create.vue
@@ -3,7 +3,7 @@
     <v-row class="mb-8" align="center">
       <v-col cols="12" sm="">
         <h1 class="text-h2">
-          Create Cut
+          Create
         </h1>
       </v-col>
     </v-row>
@@ -32,6 +32,7 @@
                           v-model.trim="snippet.name"
                           label="Name"
                           outlined
+                          dense
                           maxlength="50"
                           background-color="#2d2d2d"
                           hide-details="auto"
@@ -47,6 +48,7 @@
                           :items="Object.keys(snippet.languageSelect)"
                           label="Language"
                           outlined
+                          dense
                           background-color="#2d2d2d"
                           hide-details="auto"
                           style="border: none !important"
@@ -55,12 +57,22 @@
                         />
                       </v-col>
                       <v-col>
-                        <prism-editor
-                          v-model="snippet.data"
-                          :highlight="highlighter"
-                          line-numbers
-                          class="snippet-editor rounded"
-                        />
+                        <v-expand-transition>
+                          <div v-if="snippet.emptyError">
+                            <v-alert type="error" text class="mb-6" dense>
+                              Snippet may not be empty!
+                            </v-alert>
+                          </div>
+                        </v-expand-transition>
+                        <div>
+                          <prism-editor
+                            v-model="snippet.data"
+                            :highlight="highlighter(snippet.language)"
+                            line-numbers
+                            class="snippet-editor rounded"
+                            @input="() => (snippet.emptyError = false)"
+                          />
+                        </div>
                       </v-col>
                     </v-row>
                   </v-col>
@@ -101,16 +113,35 @@
                     </v-alert>
                   </div>
                 </v-expand-transition>
-                <v-btn
-                  block
-                  large
-                  color="primary darken-1"
-                  :disabled="formLoadStatus === STATUS.LOADING"
-                  :loading="formLoadStatus === STATUS.LOADING"
-                  @click="create"
-                >
-                  Create
-                </v-btn>
+                <v-row>
+                  <v-col cols="3">
+                    <v-select
+                      v-model="expiry"
+                      :items="Object.keys(expirySelect)"
+                      label="Expiry"
+                      outlined
+                      dense
+                      background-color="#2d2d2d"
+                      hide-details="auto"
+                      style="border: none !important"
+                      required
+                      :disabled="formLoadStatus === STATUS.LOADING"
+                    />
+                  </v-col>
+                  <v-col cols="9">
+                    <v-btn
+                      block
+                      outlined
+                      style="height: 100%"
+                      color="primary"
+                      :disabled="formLoadStatus === STATUS.LOADING"
+                      :loading="formLoadStatus === STATUS.LOADING"
+                      @click="create"
+                    >
+                      Cut
+                    </v-btn>
+                  </v-col>
+                </v-row>
               </v-col>
             </v-card-text>
           </v-card>
@@ -130,11 +161,12 @@
                 <v-col cols="auto">
                   <v-btn
                     text
-                    icon
-                    color="grey"
+                    color="primary"
+                    rounded
+                    outlined
                     @click="() => (formLoadStatus = STATUS.IDLE)"
                   >
-                    <v-icon v-text="'mdi-close'" />
+                    Confirm
                   </v-btn>
                 </v-col>
               </v-row>
@@ -192,24 +224,26 @@
 
 <script lang="ts">
 import Vue from "vue";
-import { STATUS } from "@/constants/status";
-import { languages } from "@/constants/languages";
 import { maxLength, required, url } from "vuelidate/lib/validators";
-import "@/styles/Create.sass";
+import api from "@/apis/api";
+import { expiries, languages, STATUS } from "@/constants";
+import { highlighter } from "@/utils/highlighter";
 
-import Prism from "prismjs";
+import "@/styles/Create.sass";
 import "@/styles/prism-atom-dark.css";
-import api from "@/apis/api";
 
 export default Vue.extend({
   data() {
     return {
       variant: 0,
+      expiry: Object.keys(expiries)[1],
+      expirySelect: expiries,
       snippet: {
         name: "",
-        language: "Plaintext",
+        language: Object.keys(languages)[0],
         languageSelect: languages,
-        data: ""
+        data: "",
+        emptyError: false
       },
       url: {
         target: ""
@@ -254,28 +288,22 @@ export default Vue.extend({
   },
 
   methods: {
-    highlighter(code: string): string {
-      if (this.snippet.language === "Plaintext") return code;
-      Prism.highlightAll();
-      return Prism.highlight(
-        code,
-        languages[this.snippet.language].grammar,
-        languages[this.snippet.language].language
-      );
-    },
     create() {
       switch (this.variant) {
         case 0:
           this.$v.snippet.$touch();
-          if (this.$v.snippet.$invalid) return;
+          if (this.$v.snippet.$invalid || !this.snippet.data.trim()) {
+            this.snippet.emptyError = !this.snippet.data.trim();
+            return;
+          }
           this.formLoadStatus = STATUS.LOADING;
-          console.log("Creating SNIPPET");
           api.cut
             .create({
               name: this.snippet.name,
               variant: "snippet",
               metadata: JSON.stringify({ language: this.snippet.language }),
-              data: this.snippet.data
+              data: this.snippet.data,
+              expiry: expiries[this.expiry]
             })
             .then(response => {
               this.formLoadStatus = STATUS.COMPLETE;
@@ -285,22 +313,21 @@ export default Vue.extend({
               this.linkRaw = `${window.origin}/raw/${response.data.hash}`;
               this.$v.snippet.$reset();
             })
-            .catch(err => {
+            .catch(() => {
               this.formLoadStatus = STATUS.ERROR;
-              console.error(err);
             });
           break;
         case 1:
           this.$v.url.$touch();
           if (this.$v.url.$invalid) return;
           this.formLoadStatus = STATUS.LOADING;
-          console.log("Creating URL");
           api.cut
             .create({
               name: this.url.target,
               variant: "url",
               metadata: JSON.stringify({}),
-              data: this.url.target
+              data: this.url.target,
+              expiry: expiries[this.expiry]
             })
             .then(response => {
               this.formLoadStatus = STATUS.COMPLETE;
@@ -309,15 +336,15 @@ export default Vue.extend({
               this.linkRaw = `${window.origin}/raw/${response.data.hash}`;
               this.$v.url.$reset();
             })
-            .catch(err => {
+            .catch(() => {
               this.formLoadStatus = STATUS.ERROR;
-              console.error(err);
             });
           break;
         default:
           this.formLoadStatus = STATUS.IDLE;
       }
     },
+    highlighter: (language: string) => highlighter(language),
     intoClipboard(id: string) {
       const target: HTMLTextAreaElement | null = document.querySelector(
         `#${id}`
diff --git a/cut-fe/src/views/manage/Manage.vue b/cut-fe/src/views/manage/Manage.vue
index 11cc56f..7205e3d 100644
--- a/cut-fe/src/views/manage/Manage.vue
+++ b/cut-fe/src/views/manage/Manage.vue
@@ -81,7 +81,7 @@
             <v-list-item-icon>
               <v-icon v-text="'mdi-pencil'" />
             </v-list-item-icon>
-            <v-list-item-title v-text="'Create Cut'" />
+            <v-list-item-title v-text="'Create'" />
           </v-list-item>
           <v-list-item :to="{ name: 'manage:list' }">
             <v-list-item-icon>