Bu proje, bir öğrenci yönetim sistemi için bir web uygulamasıdır. Hem backend hem de frontend bileşenlerini içerir ve öğrenci verilerini saklamak, görüntülemek, eklemek ve düzenlemek için bir arayüz sağlar. Aşağıdaki video, projenin çalışmasını ve nasıl kullanılacağını göstermektedir:
- Spring Boot
- React.js
- MySQL
Anasayfa: Yapılacak işlemin seçileceği sayfa.
Öğrencileri Listeleme Sayfası: Kayıtlı öğrencilerin listelendiği sayfa.
Öğrenci Ekleme Sayfası: Öğrenci ekleme sayfası.
Öğrenci Profili Sayfası: Seçilen öğrenciye ait bilgilerin görüntülendiği sayfa.
Postman ile uygulamaya erişmek için aşağıdaki istekleri kullanabilirsiniz:
-
GET: Tüm öğrencileri listeleme
http://localhost:8080/api/student
-
POST: Yeni öğrenci ekleme
http://localhost:8080/api/student
{ "firstName": "İsim", "lastName": "Soyisim", "email": "student@mail.com", "department": "Endüstri Mühendisliği" }
-
PUT: Öğrenci bilgilerini güncelleme
http://localhost:8080/api/student/{id}
{ "firstName": "Güncel İsim", "lastName": "Güncel Soyisim", "email": "student@mail.com", "department": "Endüstri Mühendisliği" }
-
DELETE: Öğrenciyi silme
http://localhost:8080/api/student/{id}
-
GET: Öğrenciyi ID'ye göre getirme
http://localhost:8080/api/student/{id}
- Ana sayfada bulunan "View All Student" butonuna tıklandığında tüm çalışanlar listelenir.
- Yeni bir öğrenci eklemek için "Add New Student" butonuna tıklayın ve gerekli bilgileri girin.
- Öğrenci listesinin üstündeki arama kutucuğunu kullanarak isim ve soyisim bilgileriyle arama yapın.
- Bir öğrenciye ait bilgileri görmek için göz ikonuna tıklayın.
- Bir öğrencinin bilgilerini düzenlemek için düzenleme ikonuna tıklayın ve gerekli güncellemeyi yapın.
- Bir öğrenciyi silmek için çöp kutusu ikonuna tıklayın.
- Projeyi İndirin: GitHub üzerinden projeyi klonlayın veya ZIP olarak indirin.
- Veritabanı Ayarları:
- MySQL veritabanı oluşturun.
backend/src/main/resources/application.properties
dosyasında, MySQL veritabanı bağlantı bilgilerini güncelleyin.
- Projeyi Çalıştırma:
- Terminal veya komut istemcisinde
backend
dizinine gidin vemvn spring-boot:run
komutunu çalıştırın. - Frontend kısmını çalıştırmak için terminalde
frontend
dizinine gidin venpm install
komutunu çalıştırın. Daha sonranpm start
komutunu kullanarak frontend'i başlatın.
- Terminal veya komut istemcisinde
- Tarayıcıda Gösterim: Tarayıcınızda http://localhost:3000 adresine giderek uygulamayı görüntüleyin.
- Bu depoyu fork edin.
- Yeni özellikler veya hata düzeltmeleri için bir dal oluşturun (
git checkout -b feature/feature-name
veyagit checkout -b bugfix/bug-name
) - Değişikliklerinizi doğrulayın (
git commit -am 'Add new feature'
) - Dallarınızı ana depoya push edin (
git push origin feature/feature-name
veyagit push origin bugfix/bug-name
) - Bir pull isteği (pull request) açın.