Bu proje, MockAPI'den gelen verileri kullanarak bir kullanıcı tablosu oluşturur. Kullanıcılar adına veya e-posta adresine göre aranabilir, tablo içerisinde silme - düzenleme işlemleri yapılabilir ve seçili kullanıcılar toplu olarak silinebilir.
İstemci: React, MaterialUI
Araçlar: MockAPI
Uygulamanın demo versiyonuna aşağıdaki linkten ulaşabilirsiniz.
https://siber-savas-akademisi-case.vercel.app/
- Kullanıcıları silmek için tabloda kullanıcının yanındaki silme ikonuna tıklayın.
- Kullanıcıları düzenlemek için tabloda kullanıcının yanındaki düzenleme ikonuna tıklayın.
- Kullanıcıları toplu bir şekilde silmek için ilgili kullanıcıları seçip tablonun üstündeki silme butonuna tıklayın.
- Kullanıcıları aramak için arama kutusuna ilgili kişinin kullanıcı adını veya e-posta adresini girin.
GET /api/v1/users
GET /api/v1/users/${id}
Parametre | Tip | Açıklama |
---|---|---|
id |
object |
Gerekli. Çağrılacak kullanıcın anahtar değeri |
DELETE /api/v1/users/${id}
Parametre | Tip | Açıklama |
---|---|---|
id |
object |
Gerekli. Silinecek kullanıcın anahtar değeri |
PUT /api/v1/users/${id}
Parametre | Tip | Açıklama |
---|---|---|
id |
object |
Gerekli. Güncellenecek kullanıcın anahtar değeri |
POST /api/v1/users
Tip |
---|
object |
Projeyi klonlayın
git clone https://link-to-project
Proje dizinine gidin
cd my-project
Gerekli paketleri yükleyin
npm install
Sunucuyu çalıştırın
npm run dev
1. Bu depoyu çatallayın.
2. Yeni bir dal oluşturun. (git checkout -b feature/fooBar)
3. Değişikliklerinizi yapın ve bunları adlandırın.
4. Değişikliklerinizi kaydedin. (git commit -am 'Add some fooBar')
5. Dalınıza itin. (git push origin feature/fooBar)
6. Bir birleştirme isteği oluşturun.