İçeriğe geç
Fullstack Developer

AhmetAkyapı

Angular, React ve TypeScript ile sade, hızlı ve detay kalitesi yüksek arayüzler geliştiriyorum.

Benim için iyi bir ürün deneyimi; yalnızca çalışması değil, doğru kurgu içermesi ve görsel olarak dengeli olmasıdır.

GitHub
Uzmanlık:
UI SystemsDesignPerformanceWeb
01

Hız ve Akış

Arayüz deneyiminin akıcı, tutarlı ve gecikmesiz hissedilmesi; yalnızca görünen katmanın değil, veri akışının ve sistem kurgusunun da doğru tasarlanmasına bağlıdır. API yapısından UI render sürecine kadar her katmanda performans, sadelik ve kullanıcı ritmi ön planda tutulur.

02

Sistem Düşüncesi

Ölçeklenebilir arayüzler; bileşen sınırlarının, veri yapılarının ve tip güvenliğinin en baştan net kurulmasıyla güç kazanır. Framework bağımsız bir bakışla, kod tabanının büyüdükçe karmaşıklaşmayan; aksine daha okunabilir, sürdürülebilir ve yönetilebilir bir yapıda kalması hedeflenir.

03

Detay ve Hareket

Mikro etkileşimler, geçişler, yüklenme durumları ve boş ekranlar; ürün kalitesini görünür kılan ince katmandır. Hareket dili ve görsel ritim, yalnızca estetik bir tercih değil; algıyı güçlendiren ve deneyimi rafine eden bir tasarım unsuru olarak ele alınır.

Kullandığım Teknolojiler

Angular
React
Next.js
Node.js
TypeScript
TailwindCSS
Framer Motion

Seçili Çalışmalar

Öne Çıkan Projeler

Portfolio & ShowcaseCanlı
ahmetakyapi.com

ahmetakyapi.com

Bu sitenin kendisi. Next.js App Router, TailwindCSS ve Framer Motion ile sıfırdan tasarlayıp geliştirdiğim kişisel portfolio ve blog sitesi. Dark/light tema, Giscus yorum sistemi ve teknik blog yazıları içeriyor.

Next.jsTypeScriptTailwindCSSFramer Motion
Productivity

DigyNotes

Minimalist dijital not alma uygulaması. Notları başlık ve içerikle hızlıca oluşturup kategorilere göre düzenleyebilir, anlık arama yapabilirsin. TypeScript ile tip güvenli geliştirildi.

TypeScriptReactTailwindCSS
Finance

Keşke Alsaydım

"Keşke o zaman o hisseyi alsaydım" hissini sayıya döken araç. Geçmişe dönüp seçtiğin varlığa yatırım yapsaydın bugün ne kadar olurdu sorusunu yanıtlıyor.

2020+2.840%Bugün
TypeScriptReactTailwindCSS

Yazılar

Düşünceler & Notlar

Motion

Framer Motion ile Sayfa Geçiş Animasyonları

Next.js projelerinde AnimatePresence ve motion bileşenlerini kullanarak etkileyici sayfa geçiş animasyonları nasıl yapılır?

15 Mart 20245 dk
TypeScript

TypeScript ile Daha İyi React Bileşenleri

TypeScript kullanarak React bileşenlerinizi tip güvenli, bakımı kolay ve daha güçlü hale getirmenin pratik yolları.

20 Şubat 20248 dk
Design

TailwindCSS ile Modern Dark Tema Tasarımı

next-themes ve TailwindCSS kullanarak kullanıcı tercihine saygı duyan, tutarlı dark/light tema sistemi kurmanın detaylı rehberi.

10 Ocak 20246 dk