HTML ve CSS Pratiği
HU Movies
Kişisel bir front-end alıştırması: kurgusal bir film platformu için tasarladığım film detay sayfası. HTML ve CSS becerilerimi geliştirmek için Cursor, Claude ve Codex kullanarak hayata geçirdim.
Siteyi Deneyimle
Proje
Hakkında
HU Movies, tamamen pratik amaçlı yaptığım kişisel bir proje: Netflix ve Prime Video gibi gerçek servislerin düzen ve etkileşim mantığından ilham alarak tasarladığım, hayali bir film platformu için tek bir film detay sayfası.
Buradaki amaç ürün düşüncesinden çok, bir tasarımı çalışan HTML ve CSS'e dönüştürme zanaatıydı: boşluklar, tipografi, responsive düzen ve bir arayüzü bitmiş hissettiren tüm küçük detaylar.
Rol: Front-End Tasarım ve Geliştirme (Pratik)
Yapay Zekâ ile
Birlikte Üretmek
Bunu Cursor içinde, HTML ve CSS'i yazıp iyileştirmek için Claude ve Codex'ten destek alarak oluşturdum. Ne istediğimi tarif edip gelen sonucu inceledim, sonra boşluklar, durumlar ve responsive davranış doğru hissettirene kadar elimle üzerinde çalıştım.
Bu süreç benim için bu projenin ötesinde de önemli. Kodu okuyabilmek, doğru soruları sorabilmek ve bir öneriye itiraz edebilmek, front-end geliştiricilerle daha yakın çalışmayı kolaylaştıran şey; sadece bir tasarımı teslim edip en iyisini ummak değil.
Tarayıcıda
Görün
Bir film detay sayfasını değerlendirmenin en iyi yolu onu gerçekten kullanmak. Aşağıdaki demo gerçek HTML ve CSS, statik bir görsel değil.
Siteyi Deneyimle