TypeScript Tabanlı Oyun İstatistikleri Yönetim Web Uygulaması

Kısa Açıklama

Bu projede oyuncuların oyun istatistiklerini kaydedebildiği, güncelleyebildiği ve düzenli şekilde takip edebildiği TypeScript tabanlı bir web uygulaması geliştirdim.

Problem

Oynanan oyunlara ait puan, platform, ekran görüntüsü, oynama süresi ve durum gibi veriler dağınık kalabiliyor. Bu bilgileri tek yerde tutan, güncelleyen ve tablo halinde okunabilir gösteren bir arayüz kurmak istedim.

Çözüm

Frontend tarafını React ve TypeScript ile kurdum. Routing, form yönetimi, veri çekme ve durum yönetimini modüler bir yapıda topladım; MUI Data Grid ile daha okunabilir liste ekranları hazırladım. Proje çok dilli yapı, form doğrulama ve ayrı backend servisiyle çalışan fullstack bir akışa göre hazırlanmış.

Sonuç

Ortaya oyun arşivi tutmayı kolaylaştıran, veri girişi ve güncelleme akışları net olan düzenli bir uygulama çıktı. Eski sürüme göre yapıyı TypeScript ve daha güçlü frontend araçlarıyla daha sağlam hale getirdim.

Teknolojiler

React, TypeScript, React Router DOM, TanStack React Query, Axios, Material UI, MUI Data Grid, React Hook Form, Yup, i18next, CRACO, ESLint, Prettier

Kurulum