Bu proje, React, Vite, Tailwind CSS ve Socket.io kullanarak geliştirilmiş bir Okey Oyunu uygulamasıdır. Oyuncuların gerçek zamanlı olarak birbirleriyle etkileşimde bulunabileceği bir masa oyunu sunar.
- Gerçek Zamanlı Oyun: Socket.io ile oyuncular arasında anlık iletişim.
- Sürükle Bırak (Drag & Drop): Okey taşlarını kolayca hareket ettirebilme.
- Responsive Tasarım: Tailwind CSS ile mobil uyumlu arayüz.
Bu projeyi kendi bilgisayarınızda çalıştırmak için aşağıdaki adımları izleyin.
- Node.js (v16+)
- npm veya yarn
Öncelikle Socket.io sunucusunu kurun ve çalıştırın:
cd socket
npm install
nodemon server.js
Sunucu başarılı bir şekilde başlatıldığında, Socket.io sunucunuz localhost:4000 adresinde çalışacaktır.
Okey oyunu arayüzünü başlatmak için aşağıdaki adımları izleyin:
cd app
npm install
npm run dev
Bu komut, React uygulamasını localhost:5173 üzerinde başlatacaktır.
Üretim için:
npm run build
Yukarıdaki komut, uygulamanın optimize edilmiş bir üretim versiyonunu oluşturacaktır.
- Sunucu ve uygulama başarıyla başlatıldıktan sonra tarayıcınızda
http://localhost:5173
adresine gidin. - Oyuna giriş yaparak bir masa oluşturabilir veya mevcut bir masaya katılabilirsiniz.
- Taşları sürükleyip bırakarak oyun tahtasında hareket ettirin.
.
├── app/ # React Client (Oyun Arayüzü)
├── socket/ # Socket.io Server
├── README.md # Açıklama Dosyası
└── package.json # Proje Bağımlılıkları
- app/: React, Vite, ve Tailwind CSS ile yazılmış istemci tarafı kodları içerir.
- socket/: Node.js ve Socket.io kullanılarak geliştirilmiş gerçek zamanlı sunucu.
- React: UI geliştirme için.
- Vite: Hızlı geliştirme ve yapılandırma için.
- Tailwind CSS: Stil ve responsive tasarım için.
- Socket.io: Gerçek zamanlı iletişim için.
Katkıda bulunmak isterseniz, lütfen bir pull request gönderin. Yeni özellikler, hata düzeltmeleri veya iyileştirmeler memnuniyetle karşılanır.
Bu proje MIT Lisansı ile lisanslanmıştır.