React Router eklendi

Author: mkltkn

src/components/Amacimiz.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+const Amacimiz = () => {
+  document.title = 'Eksicode.org - Amacımız';
+  return (
+    <div className="container">
+      <h4 classNem="center">Amacımız</h4>
+      <p>sdfdsfsd</p>
+    </div>
+  );
+}
+
+export default Amacimiz;

src/components/footer.js renamed to src/components/Footer.js

@@ -4,7 +4,7 @@ class Footer extends Component {
   render() {
     return (
       <div className="Footer">
-        <nav className="App-header">
+        <nav>
           <div className="Footer">
           Footer çalışıyor.
           </div>

src/components/Iletisim.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+const Iletisim = () => {
+  document.title = 'Eksicode.org - sİletişim';
+  return (
+    <div className="container">
+      <h4 classNem="center">İletişim</h4>
+      <p>sdfdsfsd</p>
+    </div>
+  );
+}
+
+export default Iletisim;

src/components/Kariyer.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+const Kariyer = () => {
+  document.title = 'Eksicode.org - İş İlanları';
+  return (
+    <div className="container">
+      <h4 classNem="center">Kariyer</h4>
+      <p>sdfdsfsd</p>
+    </div>
+  );
+}
+
+export default Kariyer;

src/components/Kaynaklar.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+const Kaynaklar = () => {
+  document.title = 'Eksicode.org - Kaynaklar';
+  return (
+    <div className="container">
+      <h4 classNem="center">Kaynaklar</h4>
+      <p>sdfdsfsd</p>
+    </div>
+  );
+}
+
+export default Kaynaklar;

src/components/Klavuzlar.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+const Klavuzlar = () => {
+  document.title = 'Eksicode.org - Klavuzlar';
+  return (
+    <div className="container">
+      <h4 classNem="center">Klavuzlar</h4>
+      <p>sdfdsfsd</p>
+    </div>
+  );
+}
+
+export default Klavuzlar;

src/components/Main.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+const Main = () => {
+  document.title = 'Eksicode.org';
+  return (
+    <div className="container">
+      <h4 classNem="center">Main</h4>
+      <p>sdfdsfsd</p>
+    </div>
+  );
+}
+
+export default Main;

src/components/Nav.js

@@ -1,17 +1,24 @@
 import React, { Component } from 'react';
+import { Link, NavLink } from 'react-router-dom';
 
-class Nav extends Component {
-  render() {
-    return (
-      <div className="Nav">
-        <nav className="App-header">
-          <div className="menu">
-          Menu çalışıyor.
-          </div>
-        </nav>
+
+const Nav = () => {
+  return (
+    <nav className="nav-wrapper black">
+      <div className="container">
+        <Link to="/" className="brand-logo"> EkşiCode </Link>
+        <ul className="right">
+          <li><Link to="/amacimiz">AMACIMIZ</Link></li>
+          <li><Link to="/kaynaklar">KAYNAKLAR</Link></li>
+          <li><Link to="/telegram-gruplari">TELEGRAM GRUPLARI</Link></li>
+          <li><Link to="/klavuzlar">KLAVUZLAR</Link></li>
+          <li><Link to="/projeler">PROJELER</Link></li>
+          <li><Link to="/is-ilanlari">İŞ İLANLARI</Link></li>
+          <li><Link to="/iletisim">İLETİŞİM</Link></li>
+        </ul>
       </div>
-    );
-  }
+    </nav>
+  )
 }
 
-export default Nav;
+export default Nav;

src/components/Projeler.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+const Projeler = () => {
+  document.title = 'Eksicode.org - Projeler';
+  return (
+    <div className="container">
+      <h4 classNem="center">Projeler</h4>
+      <p>sdfdsfsd</p>
+    </div>
+  );
+}
+
+export default Projeler;

src/components/Telegram.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+const Telegram = () => {
+  document.title = 'Eksicode.org - Telegram Grupları';
+  return (
+    <div className="container">
+      <h4 classNem="center">Telegram Grupları</h4>
+      <p>sdfdsfsd</p>
+    </div>
+  );
+}
+
+export default Telegram;