Web Uygulamaları Portfolyosu Bu repo, modern web teknolojileri kullanılarak geliştirilen interaktif uygulama koleksiyonumu sergilemektedir. Her proje, belirli bir JavaScript konseptini, API entegrasyonunu veya web geliştirme tekniğini uygulamak ve bu alandaki yetkinliklerimi göstermek amacıyla tasarlanmıştır.
Projeler
- Hava Durumu Uygulaması 🌤️ Gerçek zamanlı hava durumu verilerini sunan, dinamik ve kullanıcı dostu bir arayüze sahip web uygulaması.
Öne Çıkan Özellikler ve Öğrenimler: Bu projede, async/await yapısı kullanılarak OpenWeatherMap API'sinden asenkron veri çekme işlemi gerçekleştirilmiştir. Gelen veriye göre DOM'un dinamik olarak manipüle edilmesi ve kullanıcı girdisine anında yanıt veren bir arayüz oluşturulması konularında pratik yapılmıştır.
Teknoloji Yığını: HTML, CSS, JavaScript, REST API (OpenWeatherMap)
- Yapılacaklar Listesi ✅ Tam CRUD (Create, Read, Update, Delete) işlevselliği sunan, modern bir yapılacaklar listesi uygulaması.
Öne Çıkan Özellikler ve Öğrenimler: Bu uygulama, saf JavaScript ile state yönetimi ve DOM manipülasyonu konularında yetkinliğimi göstermektedir. Kullanıcı etkileşimleri sonucunda arayüzün anlık olarak güncellenmesi ve görev sayaçlarının dinamik olarak hesaplanması gibi özellikler içerir.
Teknoloji Yığını: HTML, CSS, JavaScript (DOM Manipulation)
- Gemini Şiir Üreticisi 📜 Google Gemini API'si ile entegre, belirli aralıklarla özgün şiirler üreten yapay zeka destekli bir React uygulaması.
Öne Çıkan Özellikler ve Öğrenimler: React'in temel hook'ları (useState, useEffect) kullanılarak bileşen tabanlı bir yapı oluşturulmuştur. Bu proje, modern bir yapay zeka API'si ile nasıl etkileşim kurulduğunu ve gelen verinin React state'ine nasıl entegre edildiğini göstermektedir.
Teknoloji Yığını: React, JavaScript (async/await), Google Gemini API
- Pomodoro Zamanlayıcı 🍅 Popüler zaman yönetimi tekniği Pomodoro'yu temel alan, odaklanma ve mola sürelerini yöneten minimalist bir zamanlayıcı.
Öne Çıkan Özellikler ve Öğrenimler: JavaScript'in zamanlama fonksiyonları (setInterval, clearInterval) kullanılarak bir geri sayım mekanizması geliştirilmiştir. Kullanıcı durumuna (state) göre buton işlevlerinin (Başlat/Duraklat) dinamik olarak değiştirilmesi üzerine çalışılmıştır.
Teknoloji Yığını: HTML, CSS, JavaScript (Zamanlama Fonksiyonları)
- Canvas Havai Fişek Animasyonu 🎆 Kullanıcı etkileşimiyle tetiklenen, görsel olarak zengin ve akıcı bir havai fişek animasyonu.
Öne Çıkan Özellikler ve Öğrenimler: Bu projede HTML5 Canvas API'si kullanılarak sıfırdan bir parçacık sistemi oluşturulmuştur. Nesne Yönelimli Programlama (OOP) prensipleriyle Firework ve Particle sınıfları tasarlanmış, requestAnimationFrame ile yüksek performanslı bir animasyon döngüsü sağlanmıştır.
Teknoloji Yığını: HTML, CSS, JavaScript, HTML5 Canvas API
- Rastgele Resim Oluşturucu 🤖 Farklı vücut parçalarını birleştirerek rastgele ve eğlenceli karakterler üreten interaktif bir uygulama.
Öne Çıkan Özellikler ve Öğrenimler: DOM manipülasyonu ve olay dinleyicilerinin (event listeners) temel kullanımını pekiştiren, state yönetimi gerektirmeyen basit ve etkili bir JavaScript uygulamasıdır.
Teknoloji Yığını: HTML, CSS, JavaScript
Ekran Görüntüleri
Hava Durumu Uygulaması
Yapılacaklar Listesi
Gemini Şiir Üreticisi
Pomodoro Zamanlayıcı
Canvas Havai Fişek Animasyonu
Rastgele Resim Oluşturucu
