-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
299 lines (289 loc) · 17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Portfolio Of Furkan Çelik</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">My Projects</a></li>
<li><a href="#two">My Interships</a></li>
<li><a href="#three">Get in touch</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Furkan Çelik</h1>
<p>A passionate computer student at <a href="www.sabanciuniv.edu">Sabancı University</a>
who is interested in core game mechanics and UX implementations in video games and usages of upcoming technologies in video games.<br/>
I am doing some charity works and independent projects to make world a better place while getting very valuable team working and leadership experience.</p>
<ul class="icons">
<li><a href="mailto:fcelik@sabanciuniv.edu" class="fas fa-envelope"><span class="label">Email to fcelik@sabanciuniv.edu</span></a></li>
<li><a href="https://despdair.itch.io" class="icon brands fa-itch-io"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/furkan-celik" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/furkan-celik/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<ul class="actions">
<li><a href="#one" class="button scrolly">Learn more</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="images/wordblower.png" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>WordBlower</h2>
<p>WordBlower is a puzzle game for mobile platfroms. Goal is clearing each level by finding meaningfull words.<br/>
Words created randomly to allowing playing same level more than one. I improved my combinatorics knowledge and experience,<br/>
along with UI implementation for mobile games, designing for target users and expectations of different age groups.<br/>
<b>codes of the project can be shared upon request.</b>
</p>
<ul class="actions">
<li><a href="generic.html" class="button">See Gameplay Video</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/nothingFound.png" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Nothing Found a Ludum Dare 45 Game</h2>
<p>
This is my entry project to Ludum Date 45 event under theme of start with nothing. Ludum Dare is a game jam which limits people to create a game with given theme in 72 hours.<br/>
I made my game in little less than 48 hour period and this is my first 3D game project with Unity. I managed to create a good dialog and subtitle system and learned some basic 3D FPS game elements.<br/>
Developing a game in such a limited time improved me in crises management and agile project management. I also learned HTML5 and WebGL building in Unity and what I need to take care for these platform builds.
</p>
<ul class="actions">
<li><a href="https://ldjam.com/events/ludum-dare/45/nothing-found-a-ludum-dare-45-game" class="button">Learn More</a></li>
<li><a href="https://despdair.itch.io/nothing-found-a-ludum-dare-45-game" class="button">Play With HTML5</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/snake.png" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>Snake Game</h2>
<p>This is a classic snake implementation made for iphones. I made this project in a short 2 week period of using macbook.<br/>
Upon getting macbook I started to work on this game and I used swift with spritekit. I improved classic snake implementation by adding different snakes.<br/>
This project let me experience ios app development and swift language.</p>
<ul class="actions">
<li><a href="https://github.com/furkan-celik/SnakeGame/blob/master/README.md" class="button">Learn more</a></li>
<li><a href="https://github.com/furkan-celik/SnakeGame" class="button">Show Me Code</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/lazarus.png" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>2D Game Engine with OpenGL</h2>
<p>After Using libGDX I wanted to code a basic implementation of a game engine which satisfies general needs of me.<br/>
I headed of and started to learn OpenGL by following some tutorials by some coders who works for some well known game companies.<br/>
Learning backbone of game engines and how compiter talks/manages gpu have been valuable lesson for me to write better code.<br/>
I am improving it in my spare times and I started a 3D version of it for my University course.</p>
<ul class="actions">
<li><a href="https://github.com/furkan-celik/Lazarus-Game-Engine" class="button">Show Me Code</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/slidingVapour.png" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Sliding Vapour</h2>
<p>My Unity 3D game project. This is infinite runner type game. Player tries to escape obstacles while collecting maximum points.<br/>
Obstacles created randomly for every game so I learned basics of combinatorics in this project and adding some power ups made use of combinatorics more important.<br/>
I learned some UI design and what to not do. For mobile versions, I implemented touch controls and tilt controls as two different control scheme. These was first experience with both touch and tilt sensor.</p>
<ul class="actions">
<li><a href="https://despdair.itch.io/sliding-vapour" class="button">Learn More</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/pic03.jpg" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>S.A.F.A.R.I.</h2>
<p>My libGDX project for mobile phones. This was my first experience with libGDX library and java development.<br/>
I learnt how a game library works and being closer to hardware of the compiter let me understand backbone processes of game engines.<br/>
I can write efficient codes in other game engines keeping processes of libGDX in my mind.</p>
<ul class="actions">
<li><a href="https://github.com/furkan-celik/S.A.F.A.R.I." class="button">Show Me Code</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/opencv.png" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Vision Based Navigation Robot</h2>
<p>Me and my colleague made a Vision Based Navigation Robot for a University Project with supervision of computer vision professor.
I worked as programmer and my colleague handled electronics part. I worked on RaspberryPi version 2 with OpenCV and Python languages.
I learned about OpenCV, computer vision algorithms and Python language. Since RaspberryPi version 2 does not offer so much workspace for OpenCV,
I had to write codes as efficient as I can. I made some basic shape and color detection systems and motor controllers while getting enough framerate to implement Time To Collusion with mono camera setup.</p>
<ul class="actions">
<li><a href="https://www.youtube.com/watch?v=6VoT4mKuJmI" class="button">Show Me Video of Robot</a></li>
<li><a href="https://www.youtube.com/watch?v=v8ISKgmu_nc" class="button">Show Me Video of Time To Collusion</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/pic03.jpg" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>GSMA Report Visualization</h2>
<p>I made a WPF application with C# during my Turkcell internship for company's internal use.<br/>
This application makes general visualization of a planning report released by GSMA and visualizes AHP method with cost calculations.<br/>
I learned Accord.IO, Live-Charts, Newtonsoft.Json, PDFsharp, WPF usage in C# language and data visualization by graphs.</p>
<ul class="actions">
<li><a href="https://github.com/furkan-celik/gsmareportinwpf" class="button">Show Me Code</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/rpg.png" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Basic RPG Systems</h2>
<p>I implemented some very basic RPG game elements in Unity with C#. This was my first experience with 3D development in Unity.<br/>
I learned difference in general systems between 2D and 3D pipelines in Unity, and pathfinding systems in Unity.</p>
<ul class="actions">
<li><a href="https://github.com/furkan-celik/rpg-basics" class="button">Show Me Code</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/pic03.jpg" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Meclisnet</h2>
<p>My high school project. I worked as a backend developer in a group of 3 very talented programmers.<br/>
We aimed to develop a social network for students in high school student concil to comminicate easyly.<br/>
We pithed it to Education Ministry of Turkey. I gained Php and mysql experience with techniques to cover big number of people.<br/>
I also developed my team work and entrepreneurship abilities.</p>
<ul class="actions">
<li><a href="https://github.com/furkan-celik/meclisnet" class="button">Show Me Code</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>My Internships</h2>
<p>I got very valuable experince from my interships, valuntary works and some university courses.</p>
<div class="features">
<section>
<span class="icon solid major fa-code"></span>
<h3>Turkcell Internship as Network Architecture and Software Engineering Intern</h3>
<p>I worked in Turkcell for 3 months. I have a great experience of working with people from different ages and backgrounds. While increasing my capabilities in C# language and understanding of network technologies. Especially, learning upcoming 5G techknologies and their potential affect on app development was great.</p>
</section>
<section>
<span class="icon solid major fa-code"></span>
<h3>Peak Games Internship as Big Data Intern</h3>
<p>I learned Google's go language and Amazon's AWS systems. Me and my colleague made a web app for firms dynamoDB tables. This internship tought me how to use cloud systems and create a successful web UI which greats in UX design. I improved my general code writing abilities by working with great engineers.</p>
</section>
<section>
<span class="icon solid major fa-code"></span>
<h3>Albaraka Internship as CRM Engineering Intern</h3>
<p>I made a E-Shopper project with .Net MVC in supervision of firms worker. I learned customer relations and design around user principles with how to manage team working with cloud systems. Albaraka is among top banks in Turkey who gives value to writing secure and clean code which benefits user. Seeing these improved my design and coding abilities. I also learned Microsoft Azure systems by deploting my .Net project on it and learning other systems such as function apps. I implemented a basic version of my eshopper by microservices built on function apps.</p>
</section>
<section>
<span class="icon solid major fa-hands-helping"></span>
<h3>Learning Asistant at Sabancı University</h3>
<p>I am working with a very talented University professor on introduction to programming course. I am helping students to learn abstracts topics and solve their problems. This job improves my communication and peer management abilities.</p>
</section>
<section>
<span class="icon solid major fa-university"></span>
<h3>Computer Science and Engineering Student at Sabancı University</h3>
<p>I am learning basics of Computer Science and improving myself by involving in inovative projects under supervision of my professors. I have 3.13 CGPA and I will graduate at 2021 spring term.</p>
</section>
<section>
<span class="icon solid major fa-university"></span>
<h3>Finance Minor Degree at Sabancı University</h3>
<p>I am learning financial systems, management and financial products. These courses helps to managing project better with considering financial sides of the projects and taking better actions according new decisions.</p>
</section>
<section>
<span class="icon solid major fa-university"></span>
<h3>Mathematics Minor Degree at Sabancı University</h3>
<p>I am learning advenced mathematics, mostly focused on combinatorics, linear algebra and algebra. These courses improve my understanding of programming languages and computers alongside better physics and randomization calculations.</p>
</section>
<section>
<span class="icon solid major fa-users"></span>
<h3>Animal Rights Project Supervisor at Sabancı University CIP</h3>
<p>I am making voluntary projects in field of animal rights by leading a 20 people groups every semester. These projects improved my learships and peer communication skills and creativity by creating content for various age groups.</p>
</section>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<div class="split style1">
<section>
<ul class="contact">
<li>
<h3>Social</h3>
<ul class="icons">
<li><a href="mailto:fcelik@sabanciuniv.edu" class="fas fa-envelope"><span class="label">Email to fcelik@sabanciuniv.edu</span></a></li>
<li><a href="https://despdair.itch.io" class="icon brands fa-itch-io"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/furkan-celik" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/furkan-celik/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>