diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 43aa29a..82a2909 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -54,6 +54,11 @@
       </button>
     </div>
   </section>
+  <div class="hidden dismissable-alert bg-slate-100 p-5 rounded drop-shadow-lg absolute top-3 inset-x-3 transition-transform ease-in duration-300">
+    <button class="close-button bg-slate-200 w-8 leading-loose rounded-full absolute top-2 right-2"><i class="fa-solid fa-xmark"></i></button>
+    <h4 class="font-bold pr-5">{{ alertTitle }}</h4>
+    <p>{{ alertMessage }}</p>
+  </div>
 </template>
 
 <script lang="ts">
@@ -81,6 +86,8 @@ export default class NewEditProjectView extends Vue {
   projectName = "";
   description = "";
   errorMessage = "";
+  alertTitle = "";
+  alertMessage = "";
 
   projectId = localStorage.getItem("projectId") || "";