diff --git a/src/data/Data.jsx b/src/data/Data.jsx
index fd7ba2b..d0edf27 100644
--- a/src/data/Data.jsx
+++ b/src/data/Data.jsx
@@ -89,3 +89,12 @@ export const JavaData = [
 		url: 'https://github.com/dadobos/Billing-System',
 	},
 ];
+export const VueData = [
+	{
+		imageURL:
+			'https://res.cloudinary.com/dadobos/image/upload/v1654030260/web/WorldCountries_ekx2of.png',
+		title: 'World Countries',
+		description: '',
+		url: 'https://dadobos.github.io/worldcountries/',
+	}
+];
diff --git a/src/pages/projects/Projects.jsx b/src/pages/projects/Projects.jsx
index 9969a87..281feeb 100644
--- a/src/pages/projects/Projects.jsx
+++ b/src/pages/projects/Projects.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { FreeCodeCampData, JavaData, WebsitesData } from 'data/Data';
+import { FreeCodeCampData, JavaData, WebsitesData, VueData } from 'data/Data';
 import MainAccordion from 'components/main-accordion/MainAccordion';
 
 const Projects = () => {
@@ -8,6 +8,7 @@ const Projects = () => {
 			<MainAccordion items={FreeCodeCampData} title='Free Code Camp' />
 			<MainAccordion items={JavaData} title='Java' />
 			<MainAccordion items={WebsitesData} title='Websites' />
+			<MainAccordion items={VueData} title='Vue' />
 		</>
 	);
 };