diff --git a/src/components/NavigationBar.vue b/src/components/NavigationBar.vue
index 62ce5970..17475a74 100644
--- a/src/components/NavigationBar.vue
+++ b/src/components/NavigationBar.vue
@@ -64,6 +64,9 @@ defineProps({
+
+ About Compact Discs
+
{{ dayMessage() }},
diff --git a/src/router/index.js b/src/router/index.js
index 692a9c00..5357db7f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,6 +45,12 @@ const router = createRouter({
component: SearchView,
props: (route) => ({ query: route.query.q })
},
+ {
+ path: '/about',
+ name: 'about',
+ component: AboutView,
+ props: true
+ },
{
path: '/profile/:username',
name: 'profile',
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
new file mode 100644
index 00000000..f92ebb16
--- /dev/null
+++ b/src/views/AboutView.vue
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
Facts About Compact Discs
+
+ About:
+ - Compact Discs is a forum web application created in fulfillment for the course Web Application Development (CCAPDEV).
+ - This web application is made using HTML, CSS, JavaScript following the Vue Framework.
+ - Other tools used include MongoDB, NodeJS, Azure Websites, GitHub, Microsoft VS Code
+
+ Goal:
+ - The goal of Compact Discs is to allow users to share their thoughts in a forum that will help create sweet and memorable experiences for all to see.
+
+ NPM Packages and Third-Patry Libraries Used:
+ - dev: vite
+ dependencies
+ - @vueuse/core: ^10.2.0
+ - dotenv: ^16.3.1
+ - jwt-decode: ^3.1.2
+ - moment: ^2.29.4
+ - pinia: ^2.0.36
+ - vite-plugin-vuetify: ^1.0.2
+ - vue: ^3.3.4
+ - vue-cookies: ^1.8.3
+ - vue-router: ^4.2.0
+ - vue-waypoint: ^4.2.5
+ - vuetify: ^3.3.5
+
+ The Compact Discs team appreciates you for using this forum page!
+
+
+
+
+
\ No newline at end of file