PROJE 02 · 2026
Hackers Academy
Siber Güvenlik Eğitim Platformu · LMS · Front-End İyileştirmeleri
LMS deneyimini, kurs sayfalarını, API’ye bağlı verileri, oturum davranışını, ödeme akışı güvenilirliğini, teknik SEO/GEO/AEO kurulumunu ve son yayın hazırlığını iyileştirdiğim bir siber güvenlik eğitim platformu.
Proje Bağlamı
Hackers Academy, kullanıcıların kursları incelediği, kaydolduğu, ödeme yaptığı ve ardından giriş yapmış hâlde kurs içeriğinde ilerlediği bir siber güvenlik eğitim platformu. Önemli olan neredeyse her şey kimlik doğrulamadan sonra oluyor; bir eğitim platformunu doğru kurmanın en zor olduğu yer de tam olarak burası.
Problem
Platformun; kurs sayfaları, LMS akışları, kimlik doğrulama davranışı ve yayın hazırlığı genelinde daha güvenilir ve daha oturmuş bir deneyime ihtiyacı vardı. Bazı bölümler oturuma bağlı verilere, önbelleğe alınmış yanıtlara veya ön yüz tarafındaki varsayımlara dayanıyordu ve bunların yayın öncesinde gözden geçirilip temizlenmesi gerekiyordu.
Hedef Kullanıcılar
- Kaydolmadan önce siber güvenlik kurslarını inceleyen ve karşılaştıran öğrenciler
- Zaten ödeme yaptığı bir kursa devam etmek için geri dönen kayıtlı öğrenciler
- Cihazlar ve oturumlar arasında geçiş yapan, giriş yapmış kalmayı bekleyen kullanıcılar
- Fiyatı, eğitmeni ve kurs içeriğini değerlendiren potansiyel alıcılar
Ana Kullanıcı Yolculuğu
- Fiyatları ve eğitmenleri görünür hâlde kursları keşfeder ve karşılaştırır
- Hesap oluşturur veya giriş yapar
- Kaydolur ve ödemeyi tamamlar
- “Kurslarım” bölümüne girer ve oturumun kaldığı yerden devam eder
- Daha sonra aynı veya farklı bir cihazdan döner ve hâlâ giriş yapmış olur
Kısıtlar
- Platforma ait mevcut bir backend ve API: front-end bunu değiştirmek yerine onunla çalışmak zorundaydı
- Kullanıcının gördüğünü etkileyen, oturuma bağlı uç noktalar ve önbellek davranışı
- Ödeme mantığı backend kontrollü kalmalı, asla ön yüz değerlerine bağlı olmamalıydı
- Hassas veri işleyişi güvenli varsayılmak yerine gözden geçirilmeliydi
- Çalışma yayın öncesinde yürüdüğü için kararlı bir production build son tarihti
Rolüm
- UI/UX ve front-end uygulaması
- API’ye bağlı kurs verileri
- Giriş ve oturum davranışı
- Önbellek sorunu düzeltmeleri
- Ödeme akışı incelemesi
- Teknik SEO/GEO/AEO kurulumu
- Production build hazırlığı
Tam Olarak Neyi Teslim Ettim
- Kurs ve LMS sayfalarının içindeki UI/UX iyileştirmeleri: Moayad Aldalati tarafından tasarlandı
- Front-end uygulaması ve API’ye bağlı kurs verileri: Moayad Aldalati tarafından geliştirildi
- Giriş kalıcılığı, oturum davranışı ve önbellek sorunu düzeltmeleri: Moayad Aldalati tarafından ön yüz işi
- Ödeme akışı: ön yüz tarafında Moayad Aldalati tarafından incelendi; ödeme mantığı ve toplamlar backend kontrollü kalır
- Platform backend’i, API ve kurs veri kaynağı: mevcut, platforma ait, burada kurulmadı
- Teknik SEO / GEO / AEO yapısı ve llms.txt: Moayad Aldalati tarafından uygulandı
- Durum: hackersacademy.com adresinde erişilebilir olduğu doğrulandı
Öne Çıkan Çalışmalar
- Kurs ve LMS ile ilgili sayfaların içindeki UX iyileştirildi
- Kurs verileri, fiyatlar, eğitmenler ve “Kurslarım” API’ye bağlandı
- Sayfa yenilendikten sonra giriş kalıcılığı ve oturum davranışı iyileştirildi
- Önbellek ve oturuma bağlı uç nokta sorunları düzeltildi
- Hassas veri işleyişi incelendi; özel veriler localStorage veya sessionStorage’da saklanmadı
- Ödeme akışı, ön yüzde değiştirilebilen değerlere değil backend kontrollü verilere dayanacak şekilde incelendi
- llms.txt gibi yapay zekâ aramasına hazırlık dosyaları eklendi
Teknik Kurulum
- Kurslar, fiyatlar, eğitmenler ve kayıtlı kurslar için API entegrasyonu
- Sayfa yenilemesinden sonra giriş/oturum kalıcılığı
- Önbellek ve oturuma bağlı uç nokta düzeltmeleri
- Güvenlik incelemesi: localStorage/sessionStorage’da hassas veri yok
- Toplamların backend verisine bağlı olması için ödeme akışı incelemesi
- Teknik SEO/GEO/AEO iyileştirmeleri ve llms.txt ile yapay zekâ aramasına hazırlık
- Son arayüz düzeltmeleri ve kararlı bir production build
Doğrulanmış Çıktı
Platform; iyileştirilmiş LMS akışları, API’ye bağlı içerik, oturum davranışı, ödeme akışı güvenilirliği, teknik arama yapısı ve son arayüz rötuşlarıyla daha net, daha güvenilir, ön yüz veri işleyişi açısından daha güvenli ve yayına daha hazır hâle geldi.
Teknolojiler ve Araçlar
Benzer bir ürününüz veya yolculuğunuz mu var?
Ürün veya web sitesi adresini ve çözmeye çalıştığınız problemi gönderin; kapsam ve çalışma biçimi hakkında dürüst bir değerlendirme alın.