Skip to content

Commit f590083

Browse files
mkltknmkltkn
committed
* Her component için sass dosyası oluşturuldu.
* Api klasörü ve telegram.json dosyası eklendi. * Assets klasörü oluşturuldu EkşiCode ve Telegram Logoları eklendi. * Renk paleti _variables.scss dosyasına eklendi.
1 parent cf1901a commit f590083

34 files changed

+170
-88
lines changed

‎README.md

+7-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,14 @@
1+
Projeyi çalıştırmak için:
2+
* npm run start
13

2-
SASS Açıklaması
4+
Projeyi derlemek için:
5+
* npm run build
6+
7+
SASS Açıklaması:
38

49
* Bu projede Sass Kullanılmıştır, dosyalara /scss klasöründen ulaşabilirsiniz.
510
* Her React componenti için /scss klasöründe ayrı bir scss dosyası oluşturup App.scss dosyasına import etmelisiniz.
611

712
* Variable tanımlarken sass yerine css variable kullanınınız. _variables.scss dosyası içerisinde :root betiği içerisinde tanımlanmalıdır.
813
* Sass kodları yazılırken BEM metodolojisi kullanılmaya çalışılmıştır. Ayrıntılı bilgi için http://getbem.com/
9-
* CSS objeleri Pozisyonlanırken Grid ve Fload kullanılmıştır.
14+
* Pozisyonlama için Materializecss kullanılmıştır.

‎package-lock.json

+69-12
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@
3636
"react": "^16.5.2",
3737
"react-dev-utils": "^5.0.2",
3838
"react-dom": "^16.5.2",
39+
"react-router-dom": "^4.3.1",
3940
"resolve": "1.6.0",
4041
"sass-loader": "^7.1.0",
4142
"style-loader": "0.19.0",

‎public/favicon.ico

-3.78 KB
Binary file not shown.

‎public/index.html

+8-3
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,18 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="tr">
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
66
<meta name="theme-color" content="#000000">
7+
8+
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
9+
<link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
710
<!--
811
manifest.json provides metadata used when your web app is added to the
912
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
10-
-->
13+
--><!-- Compiled and minified CSS -->
14+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
15+
1116
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
1217
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
1318
<!--
@@ -19,7 +24,7 @@
1924
work correctly both with client-side routing and a non-root public URL.
2025
Learn how to configure a non-root public URL by running `npm run build`.
2126
-->
22-
<title>EkşiCode.org</title>
27+
<title>EksiCode.org</title>
2328
</head>
2429
<body>
2530
<noscript>

‎public/manifest.json

+1
Original file line numberDiff line numberDiff line change
@@ -13,3 +13,4 @@
1313
"theme_color": "#000000",
1414
"background_color": "#ffffff"
1515
}
16+

‎src/App.js

+25-9
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,33 @@
11
import React, { Component } from 'react';
2-
import './App.scss';
3-
import Nav from './components/Nav'
4-
import Footer from './components/footer';
5-
import Header from './components/Header';
2+
import Nav from './components/Nav';
3+
import { BrowserRouter, Route } from 'react-router-dom';
4+
import Main from './components/Main';
5+
import Amacimiz from './components/Amacimiz';
6+
import Kaynaklar from './components/Kaynaklar';
7+
import Telegram from './components/Telegram';
8+
import Klavuzlar from './components/Klavuzlar';
9+
import Projeler from './components/Projeler';
10+
import Kariyer from './components/Kariyer';
11+
import Iletisim from './components/Iletisim';
12+
import Footer from './components/Footer';
613

714
class App extends Component {
815
render() {
916
return (
10-
<div className="App">
11-
<Nav />
12-
<Header/>
13-
<Footer />
14-
</div>
17+
<BrowserRouter>
18+
<div className="App">
19+
<Nav />
20+
<Route exact path='/' component={Main} />
21+
<Route path='/amacimiz' component={Amacimiz} />
22+
<Route path='/kaynaklar' component={Kaynaklar} />
23+
<Route path='/telegram-gruplari' component={Telegram} />
24+
<Route path='/klavuzlar' component={Klavuzlar} />
25+
<Route path='/projeler' component={Projeler} />
26+
<Route path='/is-ilanlari' component={Kariyer} />
27+
<Route path='/iletisim' component={Iletisim} />
28+
<Footer />
29+
</div>
30+
</BrowserRouter>
1531
);
1632
}
1733
}

‎src/App.scss

-28
This file was deleted.

‎src/App.test.js

-9
This file was deleted.

‎src/api/telegram.json

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
[{"name":"Genel Konular","logo":"material-icons","icon":"chat","members":113,"link":"https://t.me/joinchat/G0kqtVFVFl2cWMnmJdUniw"},{"name":"JavaScript","logo":"devicon-javascript-plain colored","icon":"","members":182,"link":"https://t.me/joinchat/G0kqtQ2bMHbsHgiIMKMpyg"},{"name":"Python","logo":"devicon-python-plain colored","icon":"","members":236,"link":"https://t.me/joinchat/G0kqtQ-rkgcsqiPbm4q_6g"},{"name":"PHP","logo":"devicon-php-plain colored","icon":"","members":39,"link":"https://t.me/joinchat/G0kqtUgwV5JmLHug4VBwpA"},{"name":"C++","logo":"devicon-cplusplus-plain colored","icon":"","members":35,"link":"https://t.me/joinchat/G0kqtUgjXMM2jDEysQFTsA"},{"name":"C","logo":"devicon-c-plain colored","icon":"","members":31,"link":"https://t.me/joinchat/G0kqtQ0-rHk9g1v61dUWsA"},{"name":"C#","logo":"devicon-csharp-plain colored","icon":"","members":37,"link":"https://t.me/joinchat/G0kqtU9zTmZKbyCpNqkobA"},{"name":"Java","logo":"devicon-java-plain colored","icon":"","members":29,"link":"https://t.me/joinchat/G0kqtVLK6GPjF1BrtzJQlg"},{"name":"Ruby","logo":"devicon-ruby-plain colored","icon":"","members":14,"link":"https://t.me/joinchat/G0kqtRIEXv8_XPZVygG1ZQ"},{"name":"DevOps","logo":"devicon-debian-plain colored","icon":"","members":20,"link":"https://t.me/joinchat/G0kqtUoWMoxyIXb7u2vhlg"},{"name":"Linux","logo":"devicon-linux-plain colored","icon":"","members":24,"link":"https://t.me/joinchat/G0kqtVJHX4wfC6EQJme4YA"},{"name":"Windows","logo":"devicon-windows8-original colored","icon":"","members":10,"link":"https://t.me/joinchat/G0kqtU0BZ1dY6ee0K3EWoQ"},{"name":"Veri Bilimi","logo":"material-icons","icon":"blur_on","members":50,"link":"https://t.me/joinchat/G0kqtU8wTomSdNKA2EO-0Q"},{"name":"Matematik","logo":"material-icons","icon":"functions","members":20,"link":"https://t.me/joinchat/G0kqtUUj8nBxHk2OfnDTNg"},{"name":"İngilizce","logo":"material-icons","icon":"school","members":90,"link":"https://t.me/joinchat/G0kqtRGgWUViQ7fZzA93UQ"},{"name":"Kariyer","logo":"material-icons","icon":"work","members":48,"link":"https://t.me/joinchat/G0kqtUkgfGd9DJMfGUxGUw"}]

‎src/assets/eksi-code-logo.png

5.26 KB
Loading

‎src/assets/telegram.svg

+1
Loading

‎src/components/Footer.js

+8-6
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,17 @@ import React, { Component } from 'react';
33
class Footer extends Component {
44
render() {
55
return (
6-
<div className="Footer">
7-
<nav>
8-
<div className="Footer">
9-
Footer çalışıyor.
6+
<div className="footer center">
7+
<div className="container">
8+
<div class="row center">
9+
<a href="https://github.com/Eksicode" target="_blank"><i class="logos-footer devicon-github-plain colored"></i></a>
10+
<a href="https://twitter.com/eksicode" target="_blank"><i class="logos-footer devicon-twitter-plain colored"></i></a><br></br>
11+
2018 eksicode.org
1012
</div>
11-
</nav>
13+
</div>
1214
</div>
1315
);
1416
}
1517
}
1618

17-
export default Footer;
19+
export default Footer;

‎src/components/Header.js

+7-10
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,12 @@
11
import React, { Component } from 'react';
22

3-
class Header extends Component {
4-
render() {
5-
return (
6-
<div className="Footer">
7-
<header className="App-header">
8-
<h1 className="App-title">Header Çalışıyor</h1>
9-
</header>
10-
</div>
11-
);
12-
}
3+
const Header = () => {
4+
return (
5+
<div className="header">
6+
<h4 classNem="center">Header</h4>
7+
<p>sdfdsfsd</p>
8+
</div>
9+
);
1310
}
1411

1512
export default Header;

‎src/components/Iletisim.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React, { Component } from 'react';
22

33
const Iletisim = () => {
4-
document.title = 'Eksicode.org - sİletişim';
4+
document.title = 'Eksicode.org - İletişim';
55
return (
66
<div className="container">
77
<h4 classNem="center">İletişim</h4>

‎src/components/Main.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
import React, { Component } from 'react';
2+
import Header from '../components/Header';
23

34
const Main = () => {
45
document.title = 'Eksicode.org';
56
return (
67
<div className="container">
7-
<h4 classNem="center">Main</h4>
8-
<p>sdfdsfsd</p>
8+
<Header />
99
</div>
1010
);
1111
}

‎src/components/Nav.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ const Nav = () => {
66
return (
77
<nav className="nav-wrapper black">
88
<div className="container">
9-
<Link to="/" className="brand-logo"> EkşiCode </Link>
9+
<Link to="/" className="brand-logo"><img className="logo" src={require('../assets/eksi-code-logo.png')} /></Link>
1010
<ul className="right">
1111
<li><Link to="/amacimiz">AMACIMIZ</Link></li>
12-
<li><Link to="/kaynaklar">KAYNAKLAR</Link></li>
13-
<li><Link to="/telegram-gruplari">TELEGRAM GRUPLARI</Link></li>
1412
<li><Link to="/klavuzlar">KLAVUZLAR</Link></li>
13+
<li><Link to="/telegram-gruplari">TELEGRAM GRUPLARI</Link></li>
14+
<li><Link to="/kaynaklar">KAYNAKLAR</Link></li>
1515
<li><Link to="/projeler">PROJELER</Link></li>
1616
<li><Link to="/is-ilanlari">İŞ İLANLARI</Link></li>
1717
<li><Link to="/iletisim">İLETİŞİM</Link></li>

‎src/index.js

+1
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,4 @@ import registerServiceWorker from './registerServiceWorker';
66

77
ReactDOM.render(<App />, document.getElementById('root'));
88
registerServiceWorker();
9+

‎src/index.scss

+11
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,14 @@
66
@import 'scss/media';
77

88
// Import Sass Components
9+
@import 'scss/nav';
10+
@import 'scss/header';
11+
@import 'scss/footer';
12+
@import 'scss/amacimiz';
13+
@import 'scss/iletisim';
14+
@import 'scss/kariyer';
15+
@import 'scss/kaynaklar';
16+
@import 'scss/klavuzlar';
17+
@import 'scss/main';
18+
@import 'scss/projeler';
19+
@import 'scss/telegram';

‎src/scss/_amacimiz.scss

Whitespace-only changes.

‎src/scss/_footer.scss

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.footer{
2+
background-color: var(--eksicode);
3+
}

0 commit comments

Comments
 (0)