DevFest Break Screen

DevFest etkinliğinde konuşmalar arası molaların süresini takip etmek için geliştirilen ve projeksiyon cihazında gösterilen bir web sitesi.

Ana sayfa 10 ve 40 dakikalık zamanlayıcılara hızlı erişim sağlarken, URL üzerinden özel süre ayarlamaya da olanak tanıyor. Ayrıca sayfanın alt kısmında etkinlik QR kodu ve konuşmacı isimleri gösteriliyor.

Özellikler

  • Hızlı Zamanlayıcılar: Ana sayfadan tek tıkla 10 veya 40 dakikalık zamanlayıcı başlatma
  • Özel Zamanlayıcı: URL üzerinden özel süre ayarlama (örn: /timer/15 ile 15 dakika)
  • Etkinlik Detayları: Kolay tarama için etkinlik QR kodunu görüntüleme
  • Konuşmacı Bilgileri: Sayfanın alt kısmında konuşmacı isimlerini gösterme

Teknik Detaylar

  • Next.js ile modern ve hızlı web uygulaması geliştirme
  • shadcn/ui ve Magic UI ile şık ve kullanıcı dostu arayüz
  • Tailwind CSS ile responsive tasarım
  • URL tabanlı dinamik zamanlayıcı yapılandırması
  • Gerçek zamanlı geri sayım
  • QR kod entegrasyonu

Technologies Used

#nextjs#shadcn/ui#magic ui#tailwind