diff --git a/src/component/About.jsx b/src/component/About.jsx
index e3d7f32..ac16552 100644
--- a/src/component/About.jsx
+++ b/src/component/About.jsx
@@ -4,11 +4,13 @@ import { MdSchool, MdComputer} from 'react-icons/md';
 import { GiCampingTent, GiPistolGun } from 'react-icons/gi';
 import { VerticalTimeline, VerticalTimelineElement } from 'react-vertical-timeline-component';
 import 'react-vertical-timeline-component/style.min.css';
+import kamp from '../images/kamp.jpg'
 
 
 
 
 function About() {
+  console.log(kamp);
   return (
     <div className='mt-5'>
       <VerticalTimeline>
@@ -50,7 +52,7 @@ function About() {
           <p>
             Türkiye İzcilik Federasyonu'da Yardımcı lider.
           </p>
-          <img className='img-thumbnail' src='https://serving.photos.photobox.com/01632520df10e8a44ea3c8ae26a3688e56475a277a04c3bd63aa19aaf58d238d2f85d9d3.jpg' alt="" />
+          <img className='img-thumbnail' src={kamp} alt="" />
         </VerticalTimelineElement>
         <VerticalTimelineElement
           className="vertical-timeline-element--work"
diff --git a/src/component/Projects.jsx b/src/component/Projects.jsx
index 853fcd7..e5b0dd6 100644
--- a/src/component/Projects.jsx
+++ b/src/component/Projects.jsx
@@ -1,90 +1,9 @@
 import React from 'react'
 import Project from './Project'
+import {projectsData} from './data/porjectsData'
 
 function Projects() {
-  const projectsData = [
-    {
-      name: "Nöbetçi Eczane",
-      description: "Türkiyedeki Nöbetçi Eczaneleri İl ve İlçe bazlı bulabilceğiniz Uygulama.",
-      demo: "https://nobetci-eczaneniz.netlify.app",
-      code: "https://github.com/mucahitkok/nobetci-eczane",
-      image: "https://serving.photos.photobox.com/10561426f7732549d3d1a2fb67c4e2ed564eb01ac71800fea91f20bbaedcc0002a51da91.jpg",
-      tags: [
-        {
-          tagName: '#react'
-        },
-        {
-          tagName: '#bootstrap'
-        },
-        {
-          tagName: '#api'
-        }
-      ]
-    },
-    {
-      name: "Blog",
-      description: "Kişisel blog sayfam.",
-      demo: "https://mucahitkok.netlify.app",
-      code: "https://github.com/mucahitkok/my-blog",
-      image: "https://serving.photos.photobox.com/026185021cf06a0725c119ae2b3cf6348d528fc149fad009bb2d7936c3818e14f010389e.jpg",
-      tags: [
-        {
-          tagName: '#react'
-        },
-        {
-          tagName: '#bootstrap'
-        },
-      ]
-    },
-    {
-      name: "Colour palette",
-      description: "Renk paletleri üretip yayınlayabilir,Başkalarının paletlerinide görebilirsiniz.",
-      demo: "https://color-palet.vercel.app",
-      code: "https://github.com/mucahitkok/color-flipper-react",
-      image: "https://serving.photos.photobox.com/587576862d1e852132899a7e65b7feb3f40a0a4c73177d8b98841fae62e8b602d1f47ccc.jpg",
-      tags: [
-        {
-          tagName: '#react'
-        },
-        {
-          tagName: '#tailwind'
-        },
-        {
-          tagName: '#firebase'
-        }
-      ]
-    },
-    {
-      name: "Bergenfy",
-      description: "Bergen'in anısına yapmış olduğum, bazı müziklerini ve fotoğraflarını topladığım site.",
-      demo: "https://bergenfy.netlify.app",
-      code: "https://github.com/mucahitkok/bergenfy",
-      image: "https://serving.photos.photobox.com/39099388b10602a0f15d87f852468ed57223a68afd2bd7d5743a58c4c2b7413450204b79.jpg",
-      tags: [
-        {
-          tagName: '#react'
-        },
-        {
-          tagName: '#tailwind'
-        }
-      ]
-    },
-    {
-      name: "Love Calculator",
-      description: "İki isim arasındaki uyumu bir takım algoritmaya dayanarak hesaplayan app.",
-      demo: "https://lovecalculator-tr.netlify.app/",
-      code: "https://github.com/mucahitkok/love-colculator",
-      image: "https://serving.photos.photobox.com/629407374e99849d3ce91578780ebe43d97772f79c15cdf2c76c7401876889f7842bdbb5.jpg",
-      tags: [
-        {
-          tagName: '#react'
-        },
-        {
-          tagName: '#bootstrap'
-        }
-      ]
-    }
-  ]
+ 
 return (
   <div className='flex flex-wrap justify-around  mt-28' >
     {
diff --git a/src/component/data/porjectsData/index.js b/src/component/data/porjectsData/index.js
new file mode 100644
index 0000000..94b6e7d
--- /dev/null
+++ b/src/component/data/porjectsData/index.js
@@ -0,0 +1,144 @@
+import mikailWeather from '../../../images/mikailWeather.png'
+import Filmtika from '../../../images/filmtika.png'
+import aloJuniorDestek from '../../../images/aloJuniorDestek.png'
+
+
+
+
+export const projectsData = [
+    {
+        name: "Nöbetçi Eczane",
+        description: "Türkiyedeki Nöbetçi Eczaneleri İl ve İlçe bazlı bulabilceğiniz Uygulama.",
+        demo: "https://nobetci-eczaneniz.netlify.app",
+        code: "https://github.com/mucahitkok/nobetci-eczane",
+        image: "https://serving.photos.photobox.com/10561426f7732549d3d1a2fb67c4e2ed564eb01ac71800fea91f20bbaedcc0002a51da91.jpg",
+        tags: [
+            {
+                tagName: '#react'
+            },
+            {
+                tagName: '#bootstrap'
+            },
+            {
+                tagName: '#api'
+            }
+        ]
+    },
+    {
+        name: "Blog",
+        description: "Kişisel blog sayfam.",
+        demo: "https://mucahitkok.netlify.app",
+        code: "https://github.com/mucahitkok/my-blog",
+        image: "https://serving.photos.photobox.com/026185021cf06a0725c119ae2b3cf6348d528fc149fad009bb2d7936c3818e14f010389e.jpg",
+        tags: [
+            {
+                tagName: '#react'
+            },
+            {
+                tagName: '#bootstrap'
+            },
+        ]
+    },
+    {
+        name: "Colour palette",
+        description: "Renk paletleri üretip yayınlayabilir,Başkalarının paletlerinide görebilirsiniz.",
+        demo: "https://color-palet.vercel.app",
+        code: "https://github.com/mucahitkok/color-flipper-react",
+        image: "https://serving.photos.photobox.com/587576862d1e852132899a7e65b7feb3f40a0a4c73177d8b98841fae62e8b602d1f47ccc.jpg",
+        tags: [
+            {
+                tagName: '#react'
+            },
+            {
+                tagName: '#tailwind'
+            },
+            {
+                tagName: '#firebase'
+            }
+        ]
+    },
+    {
+        name: "Bergenfy",
+        description: "Bergen'in anısına yapmış olduğum, bazı müziklerini ve fotoğraflarını topladığım site.",
+        demo: "https://bergenfy.netlify.app",
+        code: "https://github.com/mucahitkok/bergenfy",
+        image: "https://serving.photos.photobox.com/39099388b10602a0f15d87f852468ed57223a68afd2bd7d5743a58c4c2b7413450204b79.jpg",
+        tags: [
+            {
+                tagName: '#react'
+            },
+            {
+                tagName: '#tailwind'
+            }
+        ]
+    },
+    {
+        name: "Love Calculator",
+        description: "İki isim arasındaki uyumu bir takım algoritmaya dayanarak hesaplayan app.",
+        demo: "https://lovecalculator-tr.netlify.app/",
+        code: "https://github.com/mucahitkok/love-colculator",
+        image: "https://serving.photos.photobox.com/629407374e99849d3ce91578780ebe43d97772f79c15cdf2c76c7401876889f7842bdbb5.jpg",
+        tags: [
+            {
+                tagName: '#react'
+            },
+            {
+                tagName: '#bootstrap'
+            }
+        ]
+    },
+    {
+        name: "Mikail App",
+        description: "Hava durumu uygulaması.",
+        demo: "https://mikail-weather.netlify.app",
+        code: "https://github.com/mucahitkok/mikail-app",
+        image: `${mikailWeather}`,
+        tags: [
+            {
+                tagName: '#react'
+            },
+            {
+                tagName: '#tailwind'
+            },
+            {
+                tagName: '#api'
+            }
+        ]
+    },
+    {
+        name: "Filmtika",
+        description: "Trend filmler ve Film arama.",
+        demo: "https://filmtika.netlify.app",
+        code: "https://github.com/mucahitkok/filmtika",
+        image: `${Filmtika}`,
+        tags: [
+            {
+                tagName: '#react'
+            },
+            {
+                tagName: '#tailwind'
+            },
+            {
+                tagName: '#next.js'
+            }
+        ]
+    },
+    {
+        name: "Alo Junior Destek",
+        description: "Linkedin ağınızı ilgi alanınıza göre genişletin.",
+        demo: "https://alo-junior-destek.netlify.app",
+        code: "https://github.com/mucahitkok/alo-junior-destek",
+        image: `${aloJuniorDestek}`,
+        tags: [
+            {
+                tagName: '#react'
+            },
+            {
+                tagName: '#tailwind'
+            },
+            {
+                tagName: '#firebase'
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/src/images/aloJuniorDestek.png b/src/images/aloJuniorDestek.png
new file mode 100644
index 0000000..4b17486
Binary files /dev/null and b/src/images/aloJuniorDestek.png differ
diff --git a/src/images/filmtika.png b/src/images/filmtika.png
new file mode 100644
index 0000000..e14d86b
Binary files /dev/null and b/src/images/filmtika.png differ
diff --git a/src/images/mikailWeather.png b/src/images/mikailWeather.png
new file mode 100644
index 0000000..4c1b428
Binary files /dev/null and b/src/images/mikailWeather.png differ
diff --git a/src/images/mkLogo.png b/src/images/mkLogo.png
new file mode 100644
index 0000000..36ce3ac
Binary files /dev/null and b/src/images/mkLogo.png differ