🎨 Figma'dan React / Next.js / Vue Kodlama ✅ Responsive ⚡ Tailwind CSS ⚡ Temiz Kod ⭐ 5+ Yıl

Merhaba,

React, Next.js, Vue.js ve Nuxt ile hızlı, her ekranda düzgün görünen ve bakımı kolay arayüzler geliştiriyorum. Figma tasarımınızı birebir koda döküyor, eski arayüzünüzü modern bir yapıya taşıyor, yavaş açılan sayfalarınızı hızlandırıyorum.

5 yılı aşkın full-stack deneyimim sayesinde arayüzü backend ve API tarafıyla uyumlu kuruyorum. Teslim ettiğim kod, ileride başka bir geliştiricinin de rahatça devam edebileceği şekilde düzenli ve bileşen tabanlıdır.

Tasarımınızı veya mevcut sitenizin bağlantısını R10 özel mesaj (PM) ile gönderin, kapsamı birlikte çıkaralım.

Front-End Hizmetleri

React ve Next.js
• Bileşen tabanlı, yeniden kullanılabilir arayüz geliştirme
• Next.js ile SEO uyumlu, sunucu taraflı render (SSR / SSG) sayfalar
• Mevcut API'nize bağlanan, form ve durum yönetimi olan ekranlar

Vue.js ve Nuxt
• Vue 3 ve Nuxt ile hızlı, modüler arayüzler
• Mevcut Vue projelerine yeni sayfa ve bileşen ekleme
• Vue 2'den Vue 3'e, Nuxt 2'den Nuxt 3'e geçiş

Figma'dan Koda
• Figma tasarımlarının HTML/CSS, React veya Vue koduna dönüştürülmesi
• Tasarımdaki boşluk, renk ve tipografinin birebir uygulanması
• Tasarımda olmayan tablet ve mobil kırılımlarının tutarlı şekilde tamamlanması

Responsive Web Sitesi ve Tailwind CSS
• Telefon, tablet ve masaüstünde düzgün görünen sayfalar
• Tailwind CSS ile tutarlı, kolay düzenlenebilir stil yapısı
• Erişilebilirlik temelleri: okunabilir kontrast, klavye ile gezinme, anlamlı HTML

Dashboard Arayüzleri
• Yönetim paneli ekranları: tablo, filtre, grafik, form
• Rol bazlı menü ve sayfa yapısı
• Büyük veri listelerinde akıcı çalışan tablolar

Performans Optimizasyonu
• Yavaş açılan sayfaların analizi (Lighthouse ve Core Web Vitals ölçümleri)
• Görsel optimizasyonu, kod bölme ve gereksiz paketlerin temizlenmesi
• Ölçüm sonuçlarının çalışma öncesi ve sonrası olarak raporlanması

Arayüz Modernizasyonu
• jQuery veya eski yapıdaki arayüzlerin React / Vue'ya aşamalı taşınması
• Eski görünümlü sitelerin modern bir tasarım diline uyarlanması
• Dağınık CSS'in düzenlenip bileşen yapısına geçirilmesi

Kod Kalitesine Yaklaşımım

• Temiz kod: Anlaşılır isimlendirme, küçük ve tek işe odaklı bileşenler.
• Bakımı kolay: Tekrar eden parçalar ortak bileşenlere ayrılır, stil kuralları tek yerden yönetilir.
• Mobil öncelikli: Her sayfa önce telefonda, sonra büyük ekranlarda test edilir.
• Ölçülebilir performans: Hız iyileştirmesi tahminle değil, ölçüm sonuçlarıyla raporlanır.
• Sürüm kontrolü: Kod Git ile düzenli olarak teslim edilir, geçmişi takip edilebilir.

Neden MSY Developer?

• Full-stack bakış açısı: Arayüzü, bağlanacağı API ve veritabanını bilerek kuruyorum.
• Tasarıma sadakat: Figma tasarımınız ne gösteriyorsa ekranda o görünür.
• Doğrudan iletişim: Geliştiren kişiyle konuşursunuz, aracı yok.
• Ara önizlemeler: Geliştirme sürecinde canlı önizleme bağlantısıyla ilerlemeyi görürsünüz.
• Kaynak kod sizin: Ödemesi tamamlanan işin kaynak kodu size teslim edilir.

Çalışma Süreci

1. Tasarım veya bağlantı: Figma dosyanızı, ekran görüntülerinizi ya da mevcut sitenizin bağlantısını PM ile gönderin.
2. Kapsam: Sayfa sayısı, bileşenler, kullanılacak teknoloji ve hedef cihazlar netleşir.
3. Yazılı teklif: Teslim süresi ve fiyat yazılı olarak iletilir.
4. Geliştirme ve önizleme: Sayfalar hazırlandıkça önizleme bağlantısından kontrol edersiniz.
5. Test: Farklı tarayıcı ve ekran boyutlarında kontrol yapılır.
6. Teslim: Kaynak kod, kurulum bilgisi ve teklifte yazılı olarak belirtilen süre boyunca hata düzeltme desteği.

Fiyatlandırma

Net fiyat; sayfa sayısına, bileşen karmaşıklığına ve kullanılacak teknolojiye göre belirlenir. Tasarımınızı veya sitenizin bağlantısını PM ile gönderdiğinizde net fiyatı ve teslim süresini yazılı olarak iletiyorum. Fiyatlarım Front-End Mimarları kategorisinin asgari ücret kurallarına uygundur.

Ödeme planı ve fatura detayları teklifle birlikte yazılı olarak belirlenir. Kripto para ile ödeme kabul edilmez.

Sık Sorulan Sorular

Tasarımım yok, sadece fikrim var. Yardımcı olur musunuz?
Benzer sitelerden örnekler ve ihtiyaç listenizle başlayabiliriz. Kapsamlı UI/UX tasarımı gerekiyorsa bunu teklif aşamasında ayrıca belirtirim.

Mevcut backend'ime bağlanabilir mi?
Evet. REST API'si olan her backend ile çalışabilirim. API yoksa full-stack tarafta onu da geliştirebilirim.

Sitem yavaş açılıyor, ne kadar hızlanır?
Bunu önceden rakamla söylemek doğru olmaz. Önce ölçüm yapıyorum, sorunları ve beklenen iyileştirmeyi raporluyorum, işe ondan sonra başlıyoruz.

Sadece CSS / responsive düzeltmesi yaptırabilir miyim?
Evet. Mobilde bozulan sayfalar ve küçük arayüz düzeltmeleri için de yazabilirsiniz.

Hangi tarayıcılarda test ediyorsunuz?
Chrome, Safari, Firefox ve Edge'in güncel sürümlerinde, telefon ve masaüstü ekran boyutlarında test ediyorum.

Kripto para veya coin projeleri yapıyor musunuz?
Hayır. Kripto para, coin, token ve kripto borsası projelerini kabul etmiyorum. Kripto para ile ödeme de almıyorum.