Skip Size Hire

Bu proje, bir iş mülakatı için teknik bir kodlama görevi kapsamında oluşturulmuş React tabanlı bir ön yüz (UI) yeniden tasarım projesidir. Amaç, “Skip Boyutunu Seçin” sayfasını baştan sona modern ön yüz uygulamaları kullanarak yeniden inşa etmekti. Orijinal işlevsellik tamamen korunmuştur.

🚀 Kullanılan Teknolojiler

  • React.js – Bileşen tabanlı yapı
  • Tailwind CSS – Utility-first (yardımcı sınıf odaklı) stil framework’ü
  • Vite – Hızlı ve hafif geliştirme ve derleme aracı
  • Skeleton UI – API verileri gelene kadar gösterilen geçici iskeletler

🌐 Canlı Demo

👉 Netlify: https://stellar-ganache-f796b4.netlify.app

👉 Sandbox: https://kzjckm-5173.csb.app/

🔑 Temel Özellikler

  • Skip boyutu seçim arayüzü tamamen yeniden tasarlandı
  • Mobil ve masaüstü için duyarlı (responsive) tasarım
  • Üzerine gelindiğinde animasyonlu, tıklanınca seçilebilen kartlar
  • Mevcut adımı gösteren adım bileşeni (Stepper)
  • Skip verileri API üzerinden dinamik olarak çekiliyor
  • Veri yüklenirken kullanıcı deneyimini artıran iskelet yükleme ekranları

🎯 Projenin Amacı

  • NewsApp, haber içeriklerini kolayca oluşturup yönetmek isteyen yöneticiler için pratik ve modern bir içerik yönetim sistemi sunar. Amaç, haber portallarının veya kurum içi duyuru sistemlerinin teknolojik ve kullanıcı dostu bir altyapıya kavuşmasını sağlamaktır.

🧠 Yaklaşımım

✅Temiz ve modern bir kullanıcı deneyimi sunmaya odaklandım.

✅Bakımı kolay, modüler kod yapısı oluşturdum.

✅<SkipCard />, <Stepper /> ve <SkeletonCard /> gibi yeniden kullanılabilir bileşenler tasarladım.

✅Mobil uyumluluğu baştan itibaren gözeterek geliştirme yaptım.

✅Veri, kullanıcı arayüzü ve iş mantığını birbirinden net şekilde ayırdım.

Images

Other Our Projects

Skip Size Hire

Bu proje, bir iş mülakatı için teknik bir kodlama görevi kapsamında oluşturulmuş React tabanlı bir ön yüz (UI) yeniden tasarım projesidir. Amaç, “Skip Boyutunu Seçin” sayfasını baştan sona modern ön yüz uygulamaları kullanarak yeniden inşa etmekti. Orijinal işlevsellik tamamen korunmuştur.
Onur Aydınoğlu

NewsApp

NewsApp, haber içeriklerinin dijital ortamda kolayca yönetilmesi ve yayınlanması için geliştirilmiş modern bir haber yönetim sistemidir. Bu proje ile yöneticiler; haber ekleme, güncelleme, silme ve kategorilere göre listeleme işlemlerini tek bir panel üzerinden hızlı ve verimli bir şekilde gerçekleştirebilir. Uygulama, kullanıcı dostu arayüzüyle React JS kullanılarak geliştirilmiş olup, arka planda Node.js ve MongoDB tabanlı RESTful API ile yüksek performanslı ve esnek bir servis mimarisi sunmaktadır. NewsApp, güncel web teknolojileriyle uyumlu, modern ve sürdürülebilir bir haber platformudur.
Onur Aydınoğlu

AnadoluGida

AnadoluGıda, ürün ve kategori yönetimini kolaylaştırmak amacıyla geliştirilen modern bir web uygulamasıdır. React JS ile oluşturulan kullanıcı dostu arayüz, ASP.NET Core Web API ile desteklenerek güvenli ve performanslı bir altyapı sunar. Bu sayede ürün ekleme, güncelleme ve listeleme işlemleri hızlı ve verimli şekilde yapılabilir.
Ortak Proje

GradeApp

GradeApp, öğrencilerin ve derslerin kayıtlarını dijital ortamda kolayca yönetmek için geliştirilmiş modern bir öğrenci yönetim sistemidir​. Bu proje sayesinde eğitim kurumları; öğrenci bilgilerini tutma, not girişleri yapma ve notları izleme gibi süreçleri tek bir platform üzerinden verimli şekilde gerçekleştirebilir. GradeApp, güncel web teknolojileriyle inşa edilmiştir: React JS tabanlı bir tek sayfa uygulama (SPA) ile zengin bir önyüz sunarken, arka planda ASP.NET Core Web API ile ölçeklenebilir ve yüksek performanslı bir servis mimarisi sağlanmaktadır​. Bu sayede sistem, modern geliştirme pratikleriyle uyumlu, esnek ve güvenilir bir altyapı üzerinde çalışır.
Ortak Proje