diff --git a/src/App.jsx b/src/App.jsx
index 5c030a1..a79b249 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -13,6 +13,8 @@ import InfoSection from "./shared/components/info/InfoSection";
 
 import styles from "./App.module.css";
 
+import { fetchEducationData, fetchExperienceData, fetchPersonalData, fetchProjectsData } from "./utils/dataFetcher";
+
 function App() {
 	const [educationData, setEducationData] = useState([]);
 	const [experienceData, setExperienceData] = useState([]);
@@ -20,35 +22,21 @@ function App() {
 	const [personalData, setPersonalData] = useState([]);
 
 	useEffect(() => {
-		const fetchEducationData = async () => {
-			const response = await fetch("/assets/data/educationData.json");
-			const data = await response.json();
-			setEducationData(data);
+		const fetchData = async () => {
+		  const education = await fetchEducationData();
+		  setEducationData(education);
+	
+		  const experience = await fetchExperienceData();
+		  setExperienceData(experience);
+	
+		  const projects = await fetchProjectsData();
+		  setProjectsData(projects);
+	
+		  const personal = await fetchPersonalData();
+		  setPersonalData(personal);
 		};
-
-		const fetchExperienceData = async () => {
-			const response = await fetch("/assets/data/experienceData.json");
-			const data = await response.json();
-			setExperienceData(data);
-		};
-
-		const fetchProjectsData = async () => {
-			const response = await fetch("/assets/data/projectsData.json");
-			const data = await response.json();
-			setProjectsData(data);
-		};
-
-		const fetchPersonalData = async () => {
-			const response = await fetch("/assets/data/personalData.json");
-			const data = await response.json();
-			setPersonalData(data);
-			// console.log(data)
-		};
-
-		fetchEducationData();
-		fetchExperienceData();
-		fetchProjectsData();
-		fetchPersonalData();
+	
+		fetchData();
 	}, []);
 
 	return (
diff --git a/src/utils/dataFetcher.js b/src/utils/dataFetcher.js
new file mode 100644
index 0000000..5298702
--- /dev/null
+++ b/src/utils/dataFetcher.js
@@ -0,0 +1,19 @@
+export const fetchEducationData = async () => {
+    const response = await fetch("/assets/data/educationData.json");
+    return await response.json();
+};
+  
+export const fetchExperienceData = async () => {
+    const response = await fetch("/assets/data/experienceData.json");
+    return await response.json();
+};
+  
+export const fetchProjectsData = async () => {
+    const response = await fetch("/assets/data/projectsData.json");
+    return await response.json();
+};
+  
+export const fetchPersonalData = async () => {
+    const response = await fetch("/assets/data/personalData.json");
+    return await response.json();
+};
\ No newline at end of file
diff --git a/version.txt b/version.txt
index aac2dac..e96a871 100644
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-0.12.1
\ No newline at end of file
+0.12.2
\ No newline at end of file