From b41fab0c5701043d52481c19eaff95430baa8591 Mon Sep 17 00:00:00 2001
From: Samet SARIKAYA <13sametsarikaya@gmail.com>
Date: Sun, 10 May 2026 14:04:46 +0300
Subject: [PATCH] fix: address all 13 Copilot code review comments
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Turkish/03_Gun_Kurulum/03_kurulum.md:
- Fix broken relative link: '../03/../03_Day_Setting_Up/' -> '../../03_Day_Setting_Up/'

Turkish/06_Gun_Dizi_Haritalama/06_dizi_haritalama.md:
- Fix broken relative link: '../06_Day_Map_List_Keys/' -> '../../06_Day_Map_List_Keys/'

Turkish/02_Gun_Reacta_Giris/02_reacta_giris.md:
- Fix missing Turkish character: 'TEBRIKLER!' -> 'TEBRİKLER!'

Turkish/08_Gun_State/08_state.md:
- Remove unused 'const count = this.state.count' in cat/dog example
  (state only has 'image', not 'count')
- Fix JSX attribute: 'class=' -> 'className=' on the Change button

Turkish/09_Gun_Kosullu_Render/09_kosullu_render.md:
- Fix undefined variable: 'techs={techs}' -> 'techs={this.state.techs}'
  ('techs' was not declared in render scope; it lives in this.state)

Turkish/10_Gun_Proje_Klasor_Yapisi/10_proje_klasor_yapisi.md:
- Fix missing closing quote in all 'import React from 'react' lines (6 places)
- Fix invalid syntax 'export default const App = ...' ->
  'const App = ...; export default App'
- Fix JSX attribute: '<div class="country_text">' -> '<div className="country_text">'
- Remove 'this.state.backgroundColor' from render (field not defined in state)
- Fix typos in folder structure example:
  'Forgotpassword.js' -> 'ForgotPassword.js'
  'Resetpassord.js'  -> 'ResetPassword.js'
  'icnons'           -> 'icons'
  '- fonts' (bad indent) -> '-fonts'
- Fix Header component: destructure props.data instead of using
  undeclared variables (welcome, title, etc.)
---
 .../02_Gun_Reacta_Giris/02_reacta_giris.md    |  2 +-
 Turkish/03_Gun_Kurulum/03_kurulum.md          |  2 +-
 .../06_dizi_haritalama.md                     |  2 +-
 Turkish/08_Gun_State/08_state.md              |  4 +--
 .../09_kosullu_render.md                      |  2 +-
 .../10_proje_klasor_yapisi.md                 | 35 +++++++++----------
 6 files changed, 22 insertions(+), 25 deletions(-)

diff --git a/Turkish/02_Gun_Reacta_Giris/02_reacta_giris.md b/Turkish/02_Gun_Reacta_Giris/02_reacta_giris.md
index 65024f1..6a28365 100644
--- a/Turkish/02_Gun_Reacta_Giris/02_reacta_giris.md
+++ b/Turkish/02_Gun_Reacta_Giris/02_reacta_giris.md
@@ -1599,6 +1599,6 @@ Harika bir iş çıkardınız. 2. gün meydan okumalarını tamamladınız ve b
 
 1. JSX elementi oluşturmayı ve dinamik veri (string, sayı, boolean, dizi, nesne) enjekte etmeyi pratik yapın
 
-TEBRIKLER!
+TEBRİKLER!
 
 [<< Gün 1](../01_Gun_JavaScript_Tazeleyici/01_javascript_tazeleyici.md) | [Gün 3 >>](../03_Gun_Kurulum/03_kurulum.md)
diff --git a/Turkish/03_Gun_Kurulum/03_kurulum.md b/Turkish/03_Gun_Kurulum/03_kurulum.md
index 33a81e2..c795431 100644
--- a/Turkish/03_Gun_Kurulum/03_kurulum.md
+++ b/Turkish/03_Gun_Kurulum/03_kurulum.md
@@ -732,7 +732,7 @@ ReactDOM.render(app, rootElement);
 
 ![All JSX together final](../../images/all_jsx_final.png)
 
-Şablon kodunu [buradan](../03/../03_Day_Setting_Up/30-days-of-react_boilerplate) bulabilirsiniz.
+Şablon kodunu [buradan](../../03_Day_Setting_Up/30-days-of-react_boilerplate) bulabilirsiniz.
 
 # Egzersizler
 
diff --git a/Turkish/06_Gun_Dizi_Haritalama/06_dizi_haritalama.md b/Turkish/06_Gun_Dizi_Haritalama/06_dizi_haritalama.md
index 535f7ce..b491e67 100644
--- a/Turkish/06_Gun_Dizi_Haritalama/06_dizi_haritalama.md
+++ b/Turkish/06_Gun_Dizi_Haritalama/06_dizi_haritalama.md
@@ -279,7 +279,7 @@ ReactDOM.render(<App />, rootElement);
 
 ## Egzersizler: Seviye 3
 
-1. Verilen [veriyi](../06_Day_Map_List_Keys/06_map_list_keys_boilerplate/src/data/ten_most_highest_populations.js) kullanarak aşağıdaki çubuk grafiğini oluşturun.
+1. Verilen [veriyi](../../06_Day_Map_List_Keys/06_map_list_keys_boilerplate/src/data/ten_most_highest_populations.js) kullanarak aşağıdaki çubuk grafiğini oluşturun.
 
 ![Ten most highest populations](../../images/day_6_ten_highest_populations_exercise.png)
 
diff --git a/Turkish/08_Gun_State/08_state.md b/Turkish/08_Gun_State/08_state.md
index ead5f1c..16160b9 100644
--- a/Turkish/08_Gun_State/08_state.md
+++ b/Turkish/08_Gun_State/08_state.md
@@ -206,8 +206,6 @@ class App extends React.Component {
   };
 
   render() {
-    // state değerine erişme
-    const count = this.state.count;
     return (
       <div className="App">
         <h1>30 Days Of React</h1>
@@ -215,7 +213,7 @@ class App extends React.Component {
           <img src={this.state.image} alt="animal" />
         </div>
 
-        <button onClick={this.changeAnimal} class="btn btn-add">
+        <button onClick={this.changeAnimal} className="btn btn-add">
           Change
         </button>
       </div>
diff --git a/Turkish/09_Gun_Kosullu_Render/09_kosullu_render.md b/Turkish/09_Gun_Kosullu_Render/09_kosullu_render.md
index 20c779d..3f4f1e9 100644
--- a/Turkish/09_Gun_Kosullu_Render/09_kosullu_render.md
+++ b/Turkish/09_Gun_Kosullu_Render/09_kosullu_render.md
@@ -739,7 +739,7 @@ class App extends React.Component {
         <Header data={data} />
 
         <Main
-          techs={techs}
+          techs={this.state.techs}
           handleTime={this.handleTime}
           greetPeople={this.greetPeople}
           loggedIn={this.state.loggedIn}
diff --git a/Turkish/10_Gun_Proje_Klasor_Yapisi/10_proje_klasor_yapisi.md b/Turkish/10_Gun_Proje_Klasor_Yapisi/10_proje_klasor_yapisi.md
index bbb01b4..47ef642 100644
--- a/Turkish/10_Gun_Proje_Klasor_Yapisi/10_proje_klasor_yapisi.md
+++ b/Turkish/10_Gun_Proje_Klasor_Yapisi/10_proje_klasor_yapisi.md
@@ -65,7 +65,7 @@ Yukarıdaki kod parçasında App component'i bulunmaktadır. App component'ini k
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 const App = () => <h1>Welcome to 30 Days Of React</h1>
 ```
 
@@ -75,7 +75,7 @@ Named export yapmak için _let_ veya _const_'tan önce sadece _export_ anahtar k
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 
 // ok fonksiyonunda named export
 export const App = () => <h1>Welcome to 30 Days Of React</h1>
@@ -85,10 +85,10 @@ Normal fonksiyon tanımlamasında dışa aktarma:
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 // normal fonksiyonda named export, function declaration
-export function App () {
-return <h1>Welcome to 30 Days Of React</h1>
+export function App() {
+  return <h1>Welcome to 30 Days Of React</h1>
 }
 ```
 
@@ -108,17 +108,17 @@ Named export'u gördük; şimdi default export ile uygulayalım. Bunu iki şekil
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 // ok fonksiyonunda default export
-export default const App = () => <h1>Welcome to 30 Days Of React</h1>
-
+const App = () => <h1>Welcome to 30 Days Of React</h1>
+export default App
 ```
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 // default export, normal fonksiyon
-export default function App () {
+export default function App() {
   return <h1>Welcome to 30 Days Of React</h1>
 }
 ```
@@ -126,7 +126,7 @@ export default function App () {
 ```js
 // src/App.js
 // Çoğu durumda önerilen yöntem
-import React from 'react
+import React from 'react'
 const App = () => <h1>Welcome to 30 Days Of React</h1>
 export default App
 ```
@@ -199,7 +199,7 @@ const Country = ({
         <img src={flag} alt={name} />
       </div>
       <h3 className="country_name">{name.toUpperCase()}</h3>
-      <div class="country_text">
+      <div className="country_text">
         <p>{formatedCapital}</p>
         <p>
           <span>{formatLanguage}: </span>
@@ -411,7 +411,6 @@ class App extends React.Component {
 
     return (
       <div className="app">
-        {this.state.backgroundColor}
         <Header data={data} />
 
         <Main
@@ -445,16 +444,16 @@ src
    -auth
     -Signup.js
     -Signin.js
-    -Forgotpassword.js
-    -Resetpassord.js
+    -ForgotPassword.js
+    -ResetPassword.js
   header
    -Header.js
   footer
    -Footer.js
   assets
    -images
-   -icnons
-   - fonts
+   -icons
+   -fonts
   styles
    -button.js
    -button.scss
@@ -474,7 +473,7 @@ src içinde components dizini oluşturalım; components içinde header dizini ol
 // src/components/header/Header.js
 import React from "react";
 
-const Header = (props) => {
+const Header = ({ data: { welcome, title, subtitle, author: { firstName, lastName }, date } }) => {
   return (
     <header>
       <div className="header-wrapper">