Cursor ve Claude kullanarak sıfırdan fullstack uygulama geliştiriyoruz. Yapay zekâ desteğiyle frontend, backend ve entegrasyon adımlarını adım adım öğreneceksiniz.
Cursor ile Fullstack Uygulama GeliştirmeCursor ve Claude kullanarak sıfırdan fullstack uygulama geliştiriyoruz. Yapay zekâ desteğiyle frontend, backend ve entegrasyon adımlarını adım adım öğreneceksiniz.
2 subjects
Web Quiz AppNew Description
9 lessons
GirişBu serinin ilk videosunda projemizi tanıtıyor ve neler yapacağımızı anlatıyoruz. Cursor ve Claude kullanarak sıfırdan başlayıp adım adım modern bir fullstack uygulama geliştireceğiz.
Projeyi OluşturmaCursor kurulumu yapacağız ve ilk prompt ile birlikte projeyi oluşturacağız.
Backend - Veritabanı ve Endpoint İşlemleriTerminal üzerinden PostgreSQL ile veritabanı oluşturmayı, ardından authentication yapısını kurarak admin register ve login işlemlerini adım adım geliştiriyoruz. Ayrıca category için gerekli endpointleri hazırlıyor, güvenliği sağlamak için token tabanlı kimlik doğrulamayı uygulayacağız
Frontend - Kullanıcı Arayüzünü OluşturmaUygulama için basit bir frontend arayüzü geliştirilir. HTML, CSS ve JavaScript ile sade bir yapı oluşturacağız.
Admin DashboardAdmin Dashboard geliştireceğiz. Backend üzerinde hazır olan admin endpoint’leri frontend’e entegre edilerek, yöneticilerin soruları ve kategorileri doğrudan yönetebileceği bir arayüz oluşturacağız.
Kullanıcı Kayıt ve Oturum YönetimiKullanıcıların bir kayıt formu üzerinden sisteme üye olabilmesi, giriş yaptıktan sonra oturumları cookie/tabanlı session yönetimi ile korunması gibi işlemler yapacağız.
Sunucu İşlemleriUygulamayı canlı ortama taşıyarak gerçek bir sunucuda çalıştırmayı öğreneceğiz. DigitalOcean üzerinde Ubuntu tabanlı bir sunucu kurulacak, PostgreSQL ve gerekli paketler yüklenecek, proje GitHub’dan sunucuya aktarılacak ve ortam değişkenleri düzenlenecek.
DNS İşlemleriUygulamasını kendi alan adı üzerinden erişilebilir hale getirmek için domain ve DNS ayarlarını yapacağız. Cloudflare üzerinden name server yönlendirmelerini gerçekleştirecek, SSL sertifikasını etkinleştirecek ve DigitalOcean sunucusunun IP’sini A kaydı olarak tanımlayacağız.
Nginx ve Uvicorn ile Production KonfigürasyonuUygulamayı Nginx ve Uvicorn kullanarak production ortamında çalıştırmayı öğreneceğiz. Nginx’i reverse proxy olarak yapılandıracak, Uvicorn’u systemd servisleriyle yönetecek ve HTTPS üzerinden güvenli erişimi sağlayacağız. Ayrıca hata loglarını incelemeyi, servisleri yeniden başlatmayı ve gerekli scriptleri çalıştırarak uygulamanın tam işlevsel hale gelmesini göreceğiz.
Mobil Quiz AppNew Description
4 lessons
Stiller ve İlk EkranlarBu modülde uygulamanın Android sürümünü geliştirmeye başlıyoruz. Uygulamanın stilini (renkler, butonlar, arka plan) tanımlıyor, MVVM mimarisi ile ilk ekranları (login, signup, quiz başlangıç) oluşturacağız.
Kullanıcı Girişi ve Kategori SeçimiBu bölümde Android uygulamasında kullanıcı girişi ve kategori seçimi sürecini tamamlayacağız. Login ve signup ekranlarında yaşanan hataları düzeltecek, ardından kullanıcı giriş yaptıktan sonra API’den kategorileri çekip seçim ekranında göstereceğiz.
Quiz Ekranı ve Skor HesaplamaUygulamaya quiz ekranı ekleyerek kullanıcıların seçtikleri kategoriye ait soruları çözmesini sağlayacağız. Sorular arasında ileri–geri geçiş, animasyonlu ekran geçişleri ve quiz sonunda doğru–yanlış cevaplara göre skor hesaplama işlemleri gerçekleştirilecek.
Uygulamasının TamamlanmasıBu modülde uygulamanın sorunları çözülüyor ve eksiklikleri tamamlanıp son haline getiriliyor.
