Oluşturmak, test etmek, geliştirmek

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

Academia CEJ için web platformu, Malaga'da adalet yarışma sınavlarında uzmanlaşmış akademi. Blog, sanal kampüs, bilgi test sistemi, kayıt sistemi ve ders yönetimi ile tam responsive web sitesi. Next.js 14, React 18, Tailwind CSS, Framer Motion ve Docker ile geliştirildi.

Dimap'ın kurumsal web sitesinin geliştirilmesi; Next.js 15, React 19, Redux Toolkit ve TailwindCSS ile oluşturulmuş modern bir uygulama. En iyi performansı ve akıcı bir deneyimi sunmak için tasarlanmıştır. Proje; hizmet sayfaları, blog, kurumsal bölümler ve lead takipli formlar içerir. Tüm yapı, SSG, Lazy Loading ve ClientLoader ile yüksek derecede optimize edilmiş modüler bir mimari üzerine kuruludur.

Bu projede, kaliteli ürünler satmaya ve yerel ticareti desteklemeye odaklanan bir platformu sıfırdan oluşturmak için bir ekiple çalıştım. Kavramdan pratiğe kadar hem back-end hem de front-end'i oluşturarak çalıştık. Farklı teknolojilerin yanı sıra kullanıcı hesap kontrolü ve giriş için JWT, tüm verilerin kontrolü için dashboard gibi entegrasyonlar dahil edildi... Farklı sosyal ağlarla giriş yapabilme, ürün satın almak için kullanıcı hesabı oluşturma veya ürün eklemek için şirket hesabı, söz konusu ürünün bulunabileceği en yakın yerin haritaları gibi işlevler. Gizlilik nedeniyle kod gösterilmiyor.

DevCrate, geliştirme kaynaklarını keşfetmek için bir platformdur (araçlar, kütüphaneler, asset'ler, dokümantasyon ve challenge'lar). Hiç projen için bir kaynağa ya da sadece ilhama ihtiyaç duyup, sonunda sayısız sayfa arasında kaybolduğun oldu mu? Bu yüzden bu platformu oluşturdum: yıllar içinde keşfettiğim kaynakları düzenlemek, hiçbirini kaybetmemek ve dağınık yer imlerine bağlı kalmadan onları hızlıca bulabilmek için. Gelişmiş arama, etiket bazlı filtreler ve tüm içeriği yönetmek için bir admin alanı içerir. Ayrıca topluluktan öneriler alarak faydalı araçları toplamaya devam etmeyi sağlar. Next.js, React, TypeScript ve MongoDB ile geliştirilmiştir; güvenli kimlik doğrulama ve shadcn/ui tabanlı modern bir arayüz sunar.

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.

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.

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.

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.