-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaquatick.html
366 lines (341 loc) · 21.8 KB
/
aquatick.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
<!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">Günlük sıvı alınımı takip etmek için</span>
<span class="down">Aquatick</span>
</h1>
</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/aquatick_logo.png" class="about-img">
</div>
<div class="about-caption">
<p class="section-subtitle">Bu uygulama hakkında ?</p>
<h2 class="section-title mb-3">Aquatick</h2>
<p>
Günlük aldığınız sıvı miktarını, içtiğiniz farklı tipteki içeçekleri günlük şekilde ayrı olarak grafik
halinde görebileceginiz, günlük ihtiyacınızı kontrol etmenize yardımcı bir uygulama. Gün içerisinde size sıvı almanız gerektiğini hatırlatan, ayrıca sıvı tüketme alışkanlığınıza olumlu katkı sağlayacak makaleler okumanıza imkan tanıyon bir sıvı alımı takip uygulamasıdır.
</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/aquatick_mockup.svg" 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>
<h5>Aquatick uygulaması:</h5>
<br><br><span class="badge badge-pill badge-primary">MVVM mimarisinde</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-warning">Multi Moduler</span> genellikle büyük ve karmaşık yazılım projelerinde kullanılan bir yaklaşımdır ve projeyi daha küçük, yönetilebilir, tekrar kullanılabilir ve bağımsız modüllere ayırır. Bu modüller, özelliklere, işlevselliklere veya katmanlara göre ayrılabilir ve her biri kendi yapılandırma dosyaları, kaynak kodları ve bağımlılıkları ile bağımsız olarak geliştirilebilir. Multi-module yapısı, projenin ölçeklenebilirliğini, bakımını ve test edilebilirliğini artırır ve ekip üyelerinin aynı anda farklı bölümler üzerinde çalışabilmesini sağlar.
<br><br><span class="badge badge-pill badge-secondary">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.
<br><br><span class="badge badge-pill badge-info">Room</span> Android Jetpack'in bir parçası olan ve
SQLite veritabanı işlemlerini kolaylaştıran bir kalıcılık kütüphanesidir. Room, SQL sorgularını
yazmayı kolaylaştırır ve compile-time kontrolü sağlayarak hataları azaltır.
<br><br><span class="badge badge-pill badge-danger">Coroutines</span> Android'de asenkron
programlamayı kolaylaştırmak için Kotlin coroutines ile entegre bir yaklaşım sunan bir kütüphanedir.
<br><br><span class="badge badge-pill badge-primary">Retrofit</span> Android ve Java uygulamalarında
REST API çağrılarını yönetmek için kullanılan, tip güvenliği sağlayan ve ağ işlemlerini
kolaylaştıran bir HTTP istemci kütüphanesidir.
<br><br><span class="badge badge-pill badge-secondary">Coil</span> Kotlin tabanlı, modern ve hafif
bir Android görüntü yükleme kütüphanesidir. Bu kütüphane, Kotlin coroutines kullanarak asenkron ve
performanslı bir şekilde görüntüleri yüklemek için tasarlanmıştır ve Android uygulamalarında görüntü
yükleme işlemlerini kolaylaştırır.
<br><br><span class="bade badge-pill badge-primary">Firebase</span> Firebase, Google tarafından sunulan popüler bir mobil ve web uygulama geliştirme platformudur. Bu platform, uygulama geliştiricilerin ihtiyaç duyduğu birçok hizmeti ve aracı barındırır. Firebase'in sunduğu özellikler arasında veritabanı yönetimi, kullanıcı kimlik doğrulama, analiz, dosya depolama ve bulut mesajlaşma yer alır. Firebase, özellikle gerçek zamanlı veritabanı ve kullanıcı etkileşimlerinin kolayca izlenmesi gibi özellikleriyle tanınır. Geliştiricilere, uygulamalarını daha hızlı ve etkili bir şekilde oluşturmaları ve ölçeklendirmeleri için gerekli araçları sağlar. Ayrıca, Firebase platformu, kullanıcı deneyimini artırmak ve uygulamanın performansını izlemek için çeşitli analiz araçları sunar.
<br><br><span class="bade badge-pill badge-danger">Coil</span> Android için "Coil" (Coil-Image Loader), Kotlin tabanlı modern bir görüntü yükleme kütüphanesidir. Bu kütüphane, Android uygulamalarında resimleri indirme ve gösterme işlemlerini kolaylaştırmak için kullanılır.
<br><br><span class="bade badge-pill badge-info">Lottie</span> Adobe After Effects'te oluşturulan animasyonları JSON formatına dönüştüren ve bu animasyonları Android, iOS, Web ve React Native gibi çeşitli platformlarda kolayca kullanılabilir hale getiren popüler bir kütüphanedir. Lottie, Airbnb tarafından geliştirilmiştir ve mobil ve web uygulamalarında yüksek kaliteli animasyonlar eklemek için yaygın olarak kullanılır.
<br><br><span class="bade badge-pill badge-warning">Work Manager</span> Android'de WorkManager, zamanlama açısından esnek olan ve uygulama kapatıldığında bile devam edebilen arka plan görevlerini yönetmek için kullanılan bir API'dir. Jetpack bileşenlerinin bir parçası olan WorkManager, işlerin (işlemlerin) zamanlanması ve gerçekleştirilmesi için kullanılır, özellikle de bu işlemler uygulamanın derhal çalıştırılmasını gerektirmeyen ve cihaz yeniden başlatıldığında bile devam etmesi gereken görevlerdir. WorkManager, Android'in eski ve yeni sürümleri arasında tutarlı bir arka plan görev yönetimi sağlar.
<br><br><span class="bade badge-pill badge-secondary">Vito</span> Vico, Android için hafif ve genişletilebilir bir grafik kütüphanesidir. Bu kütüphane, Kotlin diliyle yazılmıştır ve grafik ve çizelgeler oluşturmak için kullanılır. Vico'nun özellikleri arasında Jetpack Compose ile entegrasyon ve Android uygulamaları için çeşitli türde grafikler ve çizelgeler oluşturma yeteneği bulunur. Kütüphane, Android geliştiricilerinin görsel verileri etkili bir şekilde sunmalarına olanak tanıyan esnek çözümler sunar. Apache 2.0 lisansı altında yayınlanmıştır. Daha fazla bilgi ve kütüphanenin kullanım detayları için GitHub sayfasını ziyaret edebilirsiniz: <a href="https://github.com/patrykandpatrick/vico">GitHub Sayfası</a>.
<br><br><span class="bade badge-pill badge-success">Junit Test</span> Java programlama dilinde yazılan uygulamalar için popüler bir birim test çerçevesidir. Geliştiricilere, kodlarının beklenen davranışları gösterip göstermediğini doğrulamak için basit ve etkili bir yol sunar. JUnit, test durumlarını tanımlamak için açıklayıcı (annotation) tabanlı bir yapı kullanır ve otomatik testlerin kolayca yazılmasını ve çalıştırılmasını sağlar, böylece yazılım geliştirme sürecinin kalitesini ve güvenilirliğini artırır.
</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('scrollPortfolio');
// Get the portfolio section element
const portfolioSection = document.getElementById('portfolio');
// 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: 75% !important;
/* Adjust the maximum width as needed */
height: auto !important;
/* Maintain the aspect ratio */
}
.fixed-size-image {
width: 300px;
/* Set the desired width */
height: 200px;
/* Set the desired height */
}
</style>
</body>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</html>