Design To Code - 01

Bu proje, Figma to Code kapsamında, React ve TypeScript kullanılarak responsive bir şekilde kodlanmıştır.

Herhangi bir backend/api servis bağlantısı bulunmayıp sadece ön yüz tasarımı yer almaktadır.

📄 Canlı Demo

emircanucar-design-to-code-01.netlify.app

🚀 Özellikler

• 📱 Responsive Tasarım: Mobil Uyumlu tasarım.
• 🎨 Pixel Perfect'e Yakınlık: Ufak farklılıklar dışında büyük oranda figma tasarımına benzetilmeye çalışılmıştır.
• 🎯 Component Based: Yeniden kullanılabilir React bileşenleri

🛠️ Teknolojiler

Frontend

• React 19.1.1
• TypeScript 5.8.3
• Tailwind CSS 4.1.12

Build Tools & Dev Experience

• Vite 7.1.2 - Hızlı build tool
• ESLint - Code linting
• Prettier - Code formatting
• Fontsource - Web font yönetimi

🎨 Tasarım Kaynağı

Bu proje, Figma üzerinde Real Estate Website Landing Page adlı tasarımdan esinlenilerek geliştirilmiştir.

• Orijinal Tasarım: Real Estate Landing Page
• Tasarım Lisansı: Creative Commons Attribution 4.0 International
• Tasarımcı: Figma Community - SA

📄 Lisans

Bu projedeki kaynak kodlar GPL-3.0 Lisansı altında yayınlanmıştır.
Kullanılan tasarım CC BY 4.0 lisansı kapsamındadır ve gerekli atıf yapılmıştır.

👨‍💻 Geliştirici

Emircan Uçar

• GitHub: @emircanucar

---