Oluşturmak, test etmek, geliştirmek

Mikro çimento uygulamalarında uzmanlaşmış bir şirket olan GM Microcementos için kurumsal web platformunun eksiksiz geliştirilmesi. Performans, SEO ve olağanüstü kullanıcı deneyimine odaklanan 15 optimize edilmiş sayfaya sahip profesyonel web sitesi. Bütçe hesaplayıcı, filtrelenebilir proje galerisi, gelişmiş formlar ve minimalist tasarım sistemi içerir. 100'den fazla yeniden kullanılabilir bileşen içeren ve Core Web Vitals için optimize edilmiş modüler mimari.

Malaga'da kamu hizmeti sınavlarında uzmanlaşmış akademi Academia CEJ için web platformu. Blog, sanal kampüs, bilgi testi, kayıt sistemi ve kurs yönetimi içeren tamamen duyarlı web sitesi. Next.js 14, React 18, Tailwind CSS, Framer Motion ve Docker ile geliştirildi.

Next.js 15, React 19, Redux Toolkit ve TailwindCSS tabanlı modern bir uygulama olan Dimap'ın kurumsal sitesinin geliştirilmesi, optimum performans ve sorunsuz bir deneyim sunmaya odaklanmıştır. Proje, tamamı modüler bir mimari üzerine inşa edilmiş ve SSG, Lazy Loading ve ClientLoader kullanılarak son derece optimize edilmiş yükleme ile hizmet sayfaları, blog, kurumsal bölümler ve müşteri adayı izleme formlarını içeriyor.

DevCrate, geliştirme kaynaklarını (araçlar, kütüphaneler, varlıklar, dokümantasyon ve zorluklar) keşfetmek için bir platformdur. Projeniz için bir kaynağa ya da sadece biraz ilhama ihtiyaç duyup sayısız sayfaya göz attığınız olmadı mı hiç? İşte bu yüzden bu platformu oluşturdum: yıllar içinde keşfettiğim kaynakları düzenlemek, kaybetmemek ve dağınık yer imlerine güvenmeden hızlıca bulabilmek için. Gelişmiş arama, etiket filtreleri ve tüm içeriği yönetmek için bir yönetici alanı içeriyor. Ayrıca yararlı araçları toplamaya devam etmek için topluluktan gelen önerilere de izin veriyor. Next.js, React, TypeScript ve MongoDB ile güvenli kimlik doğrulama ve shadcn/ui tabanlı modern bir arayüz ile oluşturulmuştur.

Cmd+kit, tutarlı ve erişilebilir bir arayüzden hızlı arama, klavye navigasyonu ve eylem yürütme sağlamak için tasarlanmış, web ürünleri için yeniden kullanılabilir bir komut paleti sistemidir. Aynı davranış ve görsel özelleştirme temelini korurken, React, Vue, Preact ve Astro için resmi adaptörlerle farklı yığınlara kolayca entegre olacak şekilde tasarlanmıştır. Temaları, komut yapısını yapılandırmak ve kullanıma hazır kodu dışa aktarmak için eksiksiz belgeler ve etkileşimli bir oyun alanı içerir. Her projenin akışına bağlı olarak npm, pnpm, yarn veya bun ile kurulabilir.

API sözleşmelerinin tek bir tip JSON dosyasında tanımlanmasına ve otomatik olarak paylaşılan TypeScript türleri, Angular istemcisi, Zod ile çalışma zamanı doğrulaması ve NestJS için denetleyiciler oluşturmasına olanak tanıyan npm'de yayınlanan CLI araç seti + kütüphanesi. Ön uç ve arka uç arasındaki senkronizasyonsuzluğu ortadan kaldırır, yinelenen kodu önler ve sözleşme anlık görüntüleri aracılığıyla kırılma değişikliklerini tespit eder. Test için mock oluşturma ve çoklu yeniden kullanılabilir paketlere dayalı modüler bir mimari içerir.

Apple’ın AirPods Pro 2 için resmi hero bölümünün yeniden oluşturulması, GSAP ve ScrollTrigger ile gelişmiş animasyonları ustalıkla kullanmaya odaklanan bir projedir. Scroll ile senkronize çalışan 65 karelik Canvas görüntü dizisi, yumuşak geçişler, dinamik gezinme ve Apple’ın orijinal deneyiminden ilham alan görsel efektler uyguladım. Yüksek performanslı web animasyonlarını geliştirmeye yönelik bir çalışma.

Angular 19 ve TensorFlow.js kullanarak gerçek zamanlı nesne algılama için bir PWA geliştirme. PWA yapılandırması, TensorFlow.js entegrasyonu, canlı görüntü yakalama ve işleme, Web Workers ve Lazy Loading ile optimizasyon, IndexedDB ile çevrimdışı depolama ve mobil cihazlara dağıtım içerir.

Three.js ve TresJS'i 3D modeller ile öğrenmek için pratik projesi. Farklı kaplama ve renk seçenekleriyle ayakta çalışma masasını (standing desk) özelleştirmeye izin veren etkileşimli web uygulaması. Yörünge kontrolleri ile 3D görünüm, dizüstü bilgisayar, kulaklık ve süs bitkisinin 3D modelleri içerir. Masa kaplamasını özelleştirin ve gerçek zamanlı önizleme ile aksesuarlar için renkler seçin. Vue 3, TresJS (Three.js ve Vue entegrasyonu), TypeScript, Vite ve UnoCSS ile geliştirildi.

Grand Theft Auto VI iniş sayfası klonu. Sadece eğitim amaçları ve web geliştirme becerilerinin gösterimi için oluşturulmuştur. Tüm masüstü çözünürlükleri (1024px - 4K) için optimize edilmiş responsive tasarımlı modern web sitesi. GSAP kullanarak gelişmiş animasyonlu açılır menü, görüntülerle dinamik karakter ve konum vitrin sistemi, önizlemeli etkileşimli fragman bölümü ve animasyonlu kartlarla indirme bölümü içerir. Kar amacı gütmeyen eğitim projesi, Astro, Tailwind CSS ve JavaScript ile geliştirildi.

Strapi'yi CMS ve backend olarak pratik etmek için hazırlanmış küçük bir proje. React/Next.js, TypeScript ve Tailwind CSS ile geliştirilmiştir. Demoda mock veriler kullanılsa da içerik çekme ve yönetimi için kodda gerçek Strapi entegrasyonu bulunmaktadır.

Uretim odakli backend mimarisine sahip gercek zamanli sohbet projesi. Cift yonlu iletisim icin Node.js + Express ve Socket.IO kullanir; iki depolama modu sunar: bellek ici (mock) ve Supabase ile opsiyonel kalici depolama. Frontend (Vite) demo veya live modunda calisabilir ve cozum, bakim, test ve olceklenebilirligi kolaylastirmak icin katmanli olarak yapilandirilmistir (configuration, HTTP, realtime, domain ve storage).

Decapapi'nin çalışmasına dayanarak, eğitim amaçlı Phaser 3.55.2 ile oluşturulmuş klasik Super Mario Bros'un HTML5 uygulaması. Proje, animasyonlar, bloklar, yapılar, varlıklar, oynatıcı kontrolleri ve HUD'un yanı sıra html2canvas ile ekran görüntüsü yakalama gibi ekstralar için modüler bir mimariyle 2D platform deneyimini yeniden yaratıyor. Vite ile web dağıtımını ve yerel geliştirmeyi destekleyerek MIT lisansı kapsamında test ve açık kaynak katkılarını basit hale getirir.

Paint Win 95', retro Windows 95 tarzı bir arayüz ve modern web davranışıyla klasik Microsoft Paint deneyimini yeniden oluşturur. Çizim ve seçim araçları, birincil/ikincil renk paleti, geri al/yinele geçmişi, çalışma yakınlaştırma seviyeleri, yerel görsel açma, PNG dışa aktarma ve Pointer Events üzerinden fare, klavye ve dokunmatik/kalem girişi desteği içerir.

Bookshop View Transitions, View Transitions API ile sayfalar arasında akıcı geçişler uygulamaya odaklanan bir React + Vite demosudur; görsel olarak kesintisiz bir gezinme sağlamak için öğeler arasında (başlık, kapak ve gezinme) paylaşılan animasyonlar içerir.

React, TypeScript ve Vite ile geliştirilen, mobile-first yaklaşımla tasarlanmış TikTok klonu. Otomatik oynatmalı dikey feed, Following/For You gezinmesi, etkileşimli aksiyonlar (beğeni, yorum, kaydetme, paylaşma), Friends/Inbox/Profile sayfaları ve feed'e yayınlama yapan upload özelliği içerir. Servis tabanlı mimariyle çalışır (varsayılan olarak localStorage kalıcılığı olan mock) ve gerçek backend bağlantısı için Supabase hazırdır.

Klasik Breakout’tan ilham alan bu open-source proje, Astro ve Canvas üzerinde TypeScript oyun mantığıyla geliştirildi. Canvas içinde zorluk seçimi, ayarlanabilir ve kademeli top hızı, değişken dayanıklılığa sahip tuğlalar ve hasar durumları, klavye kontrolleri ve Game Over sonrası yeniden başlatma akışı içerir.

Bu projede, kaliteli ürün satışı ve yerel ticarete yönelik bir platformu sıfırdan geliştirmek için bir ekiple birlikte çalıştım. Konseptten uygulamaya kadar sıfırdan çalışarak hem arka uç hem de ön uç oluşturduk. Farklı teknolojilerin yanı sıra, kullanıcı hesaplarının kontrolü ve giriş için jwt, tüm verilerin kontrolü için bir gösterge tablosu gibi entegrasyonları dahil ettik... Farklı sosyal ağlarla giriş yapabilme, ürün satın almak için kullanıcı olarak veya bunları eklemek için şirket olarak hesap oluşturma, söz konusu ürünün bulunabileceği en yakın yerin haritaları gibi işlevler. Gizlilik nedeniyle kod gösterilmemiştir.