İçeriğe geç

Not Alma Uygulaması

Not Alma Uygulaması

Next.jstRPCDrizzle ORM TailwindCSSRedisBetter-Auth

Bu not alma uygulamasını geliştirirken t3 stack kullandım. Projede ağırlıklı olarak tRPC ile güvenli ve verimli API route'ları oluşturdum; kimlik doğrulama için authMiddleware, kötüye kullanımı önlemek için de rateLimitMiddleware yazdım. İleride yapılacak geliştirmeleri ve iş birliğini kolaylaştırmak için bu middleware'leri özenle dokümante ettim.

tRPC'nin sağladığı tip güvenliği geliştirme sürecini kolaylaştırdı ve hem istemci hem sunucu tarafında kod kalitesini artırdı. Rate limiting için projeye sorunsuz entegre olan Upstash Redis'i, kimlik doğrulama için ise sade ve etkili bir çözüm sunan Better Auth'u kullandım.

Hesap oluşturmadan uygulamayı incelemek isterseniz aşağıdaki test bilgileriyle giriş yapabilirsiniz:

  • E-posta: test@test.com - Şifre: 12345678

Uygulama; responsive tasarım, tema özelleştirme, gelişmiş arama ve arşivleme özellikleriyle modern bir kullanıcı deneyimi sunmak üzere tasarlandı. Notlarınızı kolayca düzenleyebilir ve deneyimi ihtiyaçlarınıza göre kişiselleştirebilirsiniz.

Öne Çıkan Özellikler 🌟

  • Not Yönetimi: Not ekleme, düzenleme, silme ve arşivleme.
  • Etiket Sistemi: Notları etiketlerle düzenleme.
  • Gelişmiş Arama: Notlarda başlığa, etiketlere veya içeriğe göre arama.
  • Klavye ile Gezinme: Tamamen klavyeyle kullanılabilen arayüz.
  • Responsive Arayüz: Mobil ve masaüstü cihazlarda kesintisiz deneyim.
  • Özelleştirilebilir Temalar: Renk ve yazı tipi temalarını özelleştirme.

Kullanılan Teknolojiler 🛠️

  • Next.js: Modern web uygulamaları için güçlü bir framework.
  • tRPC: Tip güvenli API ve middleware etkileşimleri için.
  • Drizzle ORM: PostgreSQL ile sade ve esnek veritabanı işlemleri için.
  • TailwindCSS: Responsive tasarımlar için utility-first bir CSS framework'ü.
  • Redis: Rate limiting işlemleri için.
  • Better Auth: Güvenli ve kolay kimlik doğrulama için.

İyi kodlamalar! 🚀

Bağlantılar


Görüntülenme sayısı: