Icarus Frontend

Bu proje, Icarus platformunun kullanıcı arayüzünü oluşturan modern bir web uygulamasıdır. React, TypeScript ve Vite kullanılarak geliştirilmiştir.

Proje Hakkında

Icarus Frontend, kullanıcılara çeşitli interaktif özellikler sunar:

• Video Akışı: Kullanıcılar, video içeriklerini izleyebilir, beğenebilir ve yorum yapabilir.
• Quiz Sistemi: Tek oyunculu ve çok oyunculu modlarda bilgi yarışmaları içerir. Kullanıcılar puan kazanabilir ve liderlik tablosunda yer alabilirler.
• Teyit Mekanizması: Haberlerin doğruluğunu test etmeye yönelik bir oyunlaştırılmış "doğru/yanlış" mekanizması sunar.
• Kullanıcı Profilleri: Kullanıcılar kendi profillerini görüntüleyebilir, kazandıkları rozetleri ve puanları görebilirler.
• Kimlik Doğrulama: Güvenli kullanıcı girişi ve kayıt işlemleri mevcuttur.

Kullanılan Teknolojiler

• Framework: React
• Dil: TypeScript
• Build Aracı: Vite
• Stil: Tailwind CSS & shadcn/ui
• API İstemcisi: Axios
• Routing: React Router
• State Management: React Context API

Kurulum ve Çalıştırma

Projeyi yerel makinenizde çalıştırmak için aşağıdaki adımları izleyin:

1. Projeyi klonlayın:

   git clone <repository-url>
   cd frontend

2. Gerekli paketleri yükleyin: Node.js ve npm'in kurulu olduğundan emin olun.

   npm install

3. Backend sunucusuna bağlanın: .env dosyası oluşturup içine backend domain adresini aşağıdaki gibi girin. VITE_API_BASE_URL="http://ipv4:port/api" VITE_WS_API_BASE_URL="ws://ipv4:port/ws"

4. Geliştirme sunucusunu başlatın: Bu komut, projeyi http://localhost:5173 adresinde çalıştıracaktır.

   npm run dev --host

Diğer Komutlar

• Projeyi build etmek için:

  npm run build

• Lint kontrolü yapmak için:

  npm run lint

• Build edilmiş projeyi önizlemek için:

  npm run preview