TanStack Query - Material UI - TypeScript - Data Grid Uygulaması

Bu proje, tanstack query, materialUI ve typescript kullanılarak geliştirilmiştir.

Teknolojiler

• React & TypeScript: Tip güvenliği ve daha iyi geliştirici deneyimi için kullanılmıştır.
• TanStack Query (React Query): Sunucu durumu yönetimi, veri önbelleğe alma, veri mutasyonları için kullanılmıştır.
• Material UI (MUI): Modern ve responsive kullanıcı arayüzü bileşenleri için kullanılmıştır.
• Styled Components/MUI Styling: Özelleştirilmiş stil tanımlamaları için kullanılmıştır.
• React Router: Sayfa yönlendirme ve navigasyon için kullanılmıştır.
• Context API: Tema, dil ve API verilerinin global olarak yönetilmesi için kullanılmıştır.
• RESTful API: JSONPlaceholder public API üzerinden veri çekilmiştir.

Özellikler

• Kullanıcı Kimlik Doğrulama: Basit bir login sistemi ile kullanıcı girişi sağlanmıştır.
• Çok Dilli Destek: Türkçe ve İngilizce dil desteği eklenmiştir.
• Tema Desteği: Karanlık ve aydınlık tema seçenekleri sunulmuştur.
• Responsive Tasarım: Farklı ekran boyutlarına uyumlu bir tasarım yapılmıştır.
• CRUD İşlemleri: Kullanıcılar ve gönderiler için ekleme, okuma, güncelleme ve silme işlemleri yapılabilmektedir.
• Veri Tabloları: Material UI DataGrid kullanılarak gelişmiş veri tabloları oluşturulmuştur.

Kurulum ve Çalıştırma

# Projeyi klonlayın
git clone https://github.com/Alperenhks/tanStack-Query.git

# Proje dizinine girin
cd tanStack-Query

# Bağımlılıkları yükleyin
npm install

# Uygulamayı başlatın
npm run dev

Giriş Bilgileri

Uygulama ilk açıldığında login ekranı ile karşılaşacaksınız. Gerçek bir API olmadığından, aşağıdaki bilgilerle giriş yapabilirsiniz:

• E-posta: admin@example.com
• Şifre: password