Preparing backend integration

front/src/components/NavLink.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  path: string;
+  description: string;
+}>();
+
+</script>
+
+<template>
+  <router-link :to=path><div class="button">{{ description }}</div></router-link>
+</template>
+
+<style scoped>
+
+.button {
+  color: var(--primary-color);
+  text-align: center;
+  align-content: center;
+
+  border-radius: var(--radius);
+  background-color: var(--secondary-color);
+  word-break: break-word;
+  min-height: 7vh;
+}
+
+.button:hover
+{
+  transform: scale(1.1);
+  background-color: var(--header-color);
+  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
+}
+
+</style>