-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnoteskmm.html
377 lines (351 loc) · 19 KB
/
noteskmm.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
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="My Developer Porfolio Page.">
<meta name="author" content="Devcrud">
<title>Adem Ayar Developer</title>
<!-- font icons -->
<link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
<!-- Bootstrap + Meyawo main styles -->
<link rel="stylesheet" href="assets/css/project.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
<!-- Page Navbar -->
<nav class="custom-navbar" data-spy="affix" data-offset-top="20">
<div class="container">
<a class="logo" href="#"> </a>
<ul class="nav">
<li class="item">
<a class="link" href="#home">Anasayfa</a>
</li>
<li class="item">
<a class="link" href="#about">Hakkımda</a>
</li>
<li class="item">
<a class="link" href="#portfolio">Portföy</a>
</li>
<li class="item">
<a class="link" href="#contact">İletişim</a>
</li>
</ul>
<a href="javascript:void(0)" id="nav-toggle" class="hamburger hamburger--elastic">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</a>
</div>
</nav><!-- End of Page Navbar -->
<!-- page header -->
<header id="home" class="header">
<div class="overlay"></div>
<div class="header-content container">
<h1 class="header-title">
<span class="up">Hızlı bir şekilde notlar alabileceğiniz bir not uygulaması</span>
<span class="down">Notlar</span>
</h1>
<a href="https://github.com/AAyar94/NotesKMM">
<button class="btn btn-primary" id="seeGithubPage">Github Reposunu Gör</button>
</a>
</div>
</header><!-- end of page header -->
<!-- about section -->
<section class="section pt-0" id="about">
<!-- container -->
<div class="container text-center">
<!-- about wrapper -->
<div class="about">
<div class="about-img-holder">
<img src="assets/imgs/noteskmm_image.png" class="about-img"
alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, meyawo Landing page">
</div>
<div class="about-caption">
<p class="section-subtitle">Bu uygulama hakkında ?</p>
<h2 class="section-title mb-3">Notlar</h2>
<p>
Bu uyglama hızlı bir şekilde notlar alabileceğiniz. Aldığınız notlara öncelikler
ekleyebileceğiniz.<br>
Notlar içerisinde arama yapabileğiniz bir not uygulaması.
</p>
</div>
</div><!-- end of about wrapper -->
</div><!-- end of container -->
</section> <!-- end of about section -->
<section>
<div class="custom-padding">
<div data-aos="zoom-in-down">
<img src="assets/imgs/kmm_notes_mockup.png" class="smaller-image">
</div> </div>
</section>
<!-- about section -->
<section class="section pt-0" id="about">
<!-- container -->
<div class="container text-center">
<!-- about wrapper -->
<div class="about">
<div class="about-caption">
<br>
<h2 class="section-title mb-3">Teknik Detaylar</h2>
<p>
<br><br><span class="badge badge-pill badge-primary">MVVVM mimarisi</span> uygulama geliştirmede
kullanılan bir desendir ve üç ana bileşenden oluşur: Model, View ve ViewModel. Model, veri ve iş
mantığını temsil eder; View, kullanıcı arayüzünü (UI) ve kullanıcı etkileşimlerini yönetir;
ViewModel ise View ve Model arasında bir köprü görevi görür, UI mantığını içerir ve Model'den
gelen verileri UI için uygun formata dönüştürür. MVVM, veri bağlama (data binding) özelliği
sayesinde View ve ViewModel arasındaki bağlantıyı otomatize eder, böylece kodun daha temiz, daha
iyi organize edilmiş ve daha kolay test edilebilir olmasını sağlar.
<br><br><span class="badge badge-pill badge-secondary">KMM(Kotlin Multi
Platform)</span> geliştiricilere hem Android hem de iOS için ortak bir kod tabanı kullanarak
mobil uygulamalar geliştirmelerini sağlayan bir Kotlin çerçevesidir. KMM, Kotlin'in
multiplatform özelliklerinden yararlanarak, iş mantığını (networking, veri yönetimi vb.) ortak
Kotlin kodu olarak yazmanıza ve her platform için özgü olan kullanıcı arayüzünü (UI) ayrı ayrı
tasarlamanıza olanak tanır. Bu yaklaşım, kod tekrarını azaltır, bakım ve geliştirme süreçlerini
kolaylaştırır ve platformlar arası tutarlılık sağlar, ancak her platformun özgün özelliklerini
ve kullanıcı deneyimlerini korumanıza olanak tanır.
<br><br><span class="badge badge-pill badge-warning">SQLDelight</span> Kotlin Multiplatform
projelerde kullanılan bir veritabanı kütüphanesidir ve SQLite veritabanı ile etkileşim için bir
tip-güvenli yol sunar. SQLDelight, SQL sorgularını yazmanızı ve bu sorguları temel alan Kotlin
interfaceler oluşturmanızı sağlar. Bu interfaceler aracılığıyla veritabanı işlemleri
gerçekleştirilir.
<br><br><span class="badge badge-pill badge-info">Kotlin</span> modern, statik olarak
tiplemeli bir programlama dilidir ve genellikle Android uygulama geliştirme için tercih edilir,
ancak JVM (Java Sanal Makinesi), JavaScript ve Native platformlarında da kullanılabilir.
<br><br><span class="badge badge-pill badge-success">Swift</span>Apple tarafından geliştirilen
modern, hızlı ve tip güvenli bir programlama dilidir. Özellikle iOS, macOS, watchOS ve tvOS
uygulama geliştirmeleri için tasarlanmıştır. Swift, Objective-C'nin yerini almak üzere 2014
yılında tanıtılmıştır ve Apple platformları için uygulama geliştirmede tercih edilen bir dil
haline gelmiştir.
<br><br><span class="badge badge-pill badge-primary">MVVVM mimarisi</span> iOS ve macOS
uygulamaları için bir bağımlılık yöneticisidir. Bu araç, harici kütüphaneleri ve framework'leri
projenize kolayca entegre etmenize olanak tanır, böylece geliştirme sürecini hızlandırır ve
basitleştirir.
<br><br><span class="badge badge-pill badge-danger">Dagger-Hilt</span> Android uygulamaları için
Dagger'ın kolaylaştırılmış bir sürümüdür ve bağımlılık enjeksiyonunu basitleştirmek için
tasarlanmıştır, böylece geliştiriciler daha az boilerplate kodu ile bağımlılık enjeksiyonunu
kolayca uygulayabilirler.
</p>
</div>
</div><!-- end of about wrapper -->
</div><!-- end of container -->
</section> <!-- end of about section -->
<!--RETURN HOME SECTION-->
<section class="section" id="returnback">
<div class="container text-center">
<a href="index.html">
<button class="btn btn-primary">Anasayfaya dön</button>
</a>
</div>
</section>
<!--RETURN HOME SECTION END-->
<!-- portfolio section -->
<section class="section" id="portfolio">
<div class="container text-center">
<p class="section-subtitle">Neler Yaptım ?</p>
<h6 class="section-title mb-6">Portföy</h6>
<!-- row -->
<div class="row">
<div class="col-md-4">
<a href="noteskmm.html" target="_self" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-0.jpg" class="portfolio-card-img">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Notlar uygulaması</h4>
<p class="font-weight-normal">Kotlin Multi Platform kullarak Hem Android Hem iOS
cihazlara Kotlin ile geliştirilmiş Notlar uygulaması</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="settowally.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-1.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Settowally</h4>
<p class="font-weight-normal">Ücretsiz yüksek çözünürlüklü duvar kağıtları
indirebilceğiniz duvar kağıdı uygulaması</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="passwordgenerator.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-2.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Şifre Oluşturucu</h4>
<p class="font-weight-normal">Kırılması zor güçlü şifreler yaratabiliceğiniz şifre
oluşturucu uygulama</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="foodrecipes.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-3.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Food Recipes(Yemek Tarifleri)</h4>
<p class="font-weight-normal">Yemek tariflerini, kullanılan malzemeleri ve pişirme
tarifini görebilecegiz, farklı diyet tiplerine uygun tarifler bulabileceginiz
bir uygulama</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="valorguide.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-4.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Valorguide & Stats</h4>
<p class="font-weight-normal">Valorant oyunu hakkında bilgi edinebilir , daha önce
oynadıysanız oyundaki istatistikleriz görebiliceğiniz oyun bir rehberidir</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="earthquakes.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-5.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Son Depremler</h4>
<p class="font-weight-normal">Son Depremler uygulaması ile Türkiye içerisinde olan
son 100 depremi görebilir, depremlerin merkez üssüne haritadan bakabilir,
Türkiye' nin deprem riski haritasına görebiliceğiniz bir uygulamadır.</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="calorietracker.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/CalorieTrackerMockup.png" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>CaloryTracker</h4>
<p class="font-weight-normal">Günlük kalori alma miktarınızi takip uygulaması</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="aquatick.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/aquatick_mockup.svg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Aquatick</h4>
<p class="font-weight-normal">Günlük sıvı alımını hesaplama ve takip etme</p>
</span>
</span>
</a>
</div>
</div><!-- end of row -->
</div><!-- end of container -->
</section> <!-- end of portfolio section -->
<!-- section -->
<section class="section-sm bg-primary">
<!-- container -->
<div class="container text-center text-sm-left">
<!-- row -->
<div class="row align-items-center">
<div class="col-sm offset-md-1 mb-4 mb-md-0">
<h6 class="title text-light">Benimle çalışmak ister misiniz?</h6>
<p class="m-0 text-light">Benimle İletişim kurmak için çekinmeyin.</p>
</div>
<div class="col-sm offset-sm-2 offset-md-3">
<button class="btn btn-lg my-font btn-light rounded" onclick="openLinkedIn()">LinkedIn</button>
</div>
</div> <!-- end of row -->
</div> <!-- end of container -->
</section> <!-- end of section -->
<!-- contact section -->
<section class="section" id="contact">
<div class="container text-center">
<p class="section-subtitle">Benimle nasıl iletişim kurabilirsiniz?</p>
<h6 class="section-title mb-5">Hemen burada</h6>
<!-- contact form -->
<form action="" class="contact-form col-md-10 col-lg-8 m-auto">
<div class="form-row">
<div class="form-group col-sm-12 mt-3">
<button class="btn btn-outline-primary" id="emailButton">Mail Gönder</button>
</div>
</div>
</form><!-- end of contact form -->
</div><!-- end of container -->
</section><!-- end of contact section -->
<!-- core -->
<script src="assets/vendors/jquery/jquery-3.4.1.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script>
<!-- bootstrap 3 affix -->
<script src="assets/vendors/bootstrap/bootstrap.affix.js"></script>
<!-- Meyawo js -->
<script src="assets/js/meyawo.js"></script>
<script>
// Get the button element by its ID
const emailButton = document.getElementById('emailButton');
// Add a click event listener to the button
emailButton.addEventListener('click', function () {
// Change '[email protected]' to the desired email address
var emailAddress = '[email protected]';
var subject = 'Subject of the email'; // Optional: Change to desired subject
// Construct the mailto URL with the email address and subject
var mailtoLink = 'mailto:' + encodeURIComponent(emailAddress) + '?subject=' + encodeURIComponent(subject);
// Open the mail client in a new tab
window.open(mailtoLink, '_blank');
});
</script>
<script>
function openLinkedIn() {
// Replace 'your-linkedin-url' with the actual LinkedIn profile URL you want to open
var linkedinURL = 'https://www.linkedin.com/in/ademayar94/';
// Open the LinkedIn profile URL in a new tab/window
window.open(linkedinURL);
}
</script>
<script>
// Get the button element
const scrollButton = document.getElementById('seeGithubRepository');
// Add click event listener to the button
scrollButton.addEventListener('click', () => {
// Scroll to the portfolio section smoothly
portfolioSection.scrollIntoView({ behavior: 'smooth' });
});
</script>
<style>
.custom-padding {
text-align: center;
/* Center the content horizontally */
padding-left: 20px;
/* Adjust the left padding as needed */
padding-right: 20px;
/* Adjust the right padding as needed */
margin: 0 auto;
/* Center the div within its parent */
}
.smaller-image {
max-width: 50% !important;
/* Adjust the maximum width as needed */
max-height: 50% !important;
/* Maintain the aspect ratio */
}
.fixed-size-image {
width: 300px;
/* Set the desired width */
height: 200px;
/* Set the desired height */
}
.row {
display: flex;
justify-content: space-between;
/* Optional: Adjust the alignment as needed */
}
</style>
</body>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</html>