Registration Login Form

Formulir Login Pendaftaran PHP

1. Ringkasan Proyek

Formulir pendaftaran dan login dibuat menggunakan database PHP, HTML, CSS dan JSON. Pada proyek ini pengguna akan mendaftar menggunakan email, username dan password yang akan disimpan di database JSON. Setelah mendaftar, pengguna akan login menggunakan email dan password yang telah didaftarkan yang selanjutnya akan diarahkan ke halaman beranda login.

2. Demo Pengguna

Dalam proyek ini, 1 akun telah dibuat untuk login.

Nama pengguna: pengguna1

Email: [email protected]

kata sandi : kata sandi

3. Fitur Proyek

A. Gaya (CSS)

Gaya tampilan halaman pada proyek ini diatur menggunakan CSS yang disimpan dalam file style.css.

B. Databese (JSON)

Database yang digunakan adalah database JSON dengan nama data.json. data.json menyimpan informasi pengguna berupa email, username dan password terenkripsi.

C. Konfigurasi (PHP)

Config adalah file php yang menyimpan fungsi-fungsi yang digunakan pada proyek Formulir Login Pendaftaran dalam bentuk fungsi php.

D. Indeks (PHP+HTML)

Index merupakan tampilan awal saat menjalankan program PHP. Pada halaman Index, pengguna akan diberikan dua tombol yang mengarah ke halaman registrasi atau halaman login.

e. Halaman Pendaftaran (PHP+HTML)

Dari halaman indeks, pengguna baru akan diarahkan ke halaman pendaftaran dimana pengguna baru akan membuat akun baru menggunakan email dan password. Pada halaman ini pengguna akan mengisi 3 form yang terdiri dari: email, username dan password. Setelah mendaftar, informasi yang telah dimasukkan akan disimpan di database data.json.

F. Halaman Masuk (PHP+HTML)

Halaman login dapat diakses melalui halaman indeks atau dialihkan dari halaman pendaftaran setelah pendaftaran berhasil. Pada halaman ini pengguna akan memasukkan email dan password yang digunakan dalam pendaftaran kemudian setelah menekan login akan diarahkan ke halaman beranda login.

G. Halaman Masuk Beranda (PHP+HTML)

Setelah login, pengguna akan diarahkan ke Halaman Beranda Login. Halaman ini hanya dapat diakses jika Anda login. Halaman ini berisi informasi pengguna berupa nama pengguna dan email. Terdapat tombol logout yang setelah diklik pengguna akan logout dan harus login kembali.