Merupakan sebuah aplikasi web full-stack yang dirancang untuk mendemonstrasikan operasi dasar Create, Read, Update, dan Delete (CRUD) data pegawai, yang diamankan dengan sistem login administrator.
Aplikasi ini dibangun menggunakan serangkaian teknologi modern dan standar industri, yang mencakup:
-
Frontend (Client-Side):
- React.js: Sebuah pustaka JavaScript yang populer untuk membangun antarmuka pengguna yang interaktif dan dinamis.
- HTML5 & CSS3: Struktur dan styling dasar halaman web.
- JavaScript (ES6+): Bahasa pemrograman utama untuk logika frontend.
- React Router DOM: Untuk mengelola navigasi dan routing di dalam aplikasi single-page.
-
Backend (Server-Side):
- PHP: Bahasa scripting sisi server yang kuat dan banyak digunakan untuk memproses logika bisnis dan berinteraksi dengan database.
- API RESTful Sederhana: Backend menyediakan endpoint API untuk semua operasi CRUD dan autentikasi.
- Manajemen Sesi PHP: Digunakan untuk mengelola status login administrator.
-
Database:
- Microsoft SQL Server: Sistem manajemen database relasional yang andal untuk menyimpan data pegawai dan kredensial admin.
- SQL: Bahasa query standar untuk berinteraksi dengan database.
-
Lingkungan Server (Lokal):
- IIS (Internet Information Services): Web server yang berjalan di lingkungan Windows untuk melayani aplikasi React dan mengeksekusi skrip PHP.
Fungsionalitas Utama:
-
Autentikasi Administrator:
- Halaman login khusus untuk administrator.
-
Verifikasi kredensial (username dan password) terhadap data di database.
a. Apabila Password salah:
b. Apabila Password benar:
-
Penggunaan sesi PHP untuk menjaga status login.
-
Manajemen Data Pegawai (CRUD):
- Create: Menambahkan data pegawai baru melalui form.
- Read: Menampilkan daftar semua pegawai dalam format tabel.
- Update: Mengedit data pegawai yang sudah ada.
- Delete: Menghapus data pegawai dari database.
- Semua operasi CRUD ini dilindungi dan hanya bisa diakses setelah administrator berhasil login.
-
Routing Terproteksi: Halaman dashboard manajemen pegawai hanya bisa diakses oleh pengguna yang sudah terautentikasi.
Proyek ini telah melalui proses development dan debugging yang komprehensif, mencakup konfigurasi server, penanganan error, koneksi database, hingga implementasi fitur keamanan dasar seperti password dan proteksi sesi. Kode sumber lengkap proyek ini tersedia di repositori GitHub ini sebagai referensi dan portofolio.