Tentang Whistleblower Sistem :

• UI Frontend untuk Whistleblower System

---

System Requirements :

• Bahasa Utama :

  • JSX

• Framework :

  • React

• Library :

  • React Router Dom (npm install --save react-router-dom)
  • Axios (npm install --save axios)
  • Redux (npm install --save redux)
  • React Redux (npm install --save react-redux)
  • Redux Thunk (npm install --save redux-thunk)
  • React Alert (npm install --save react-alert)
  • React Alert Template Basic (npm install --save react-alert-template-basic)

• Backend :

  • Backend Whistle

• HOST

  • Server VPS

---

Consumsi Web Services ( REST API )

No	Halaman	End Point	Element	Method
1	Form Aduan	http://127.0.0.1:8000/api/kategori/	Dropdownlist (Kategori)	GET
2	Form Aduan	http://127.0.0.1:8000/api/distrik/	Dropdownlist (Distrik)	GET
3	Form Aduan	http://127.0.0.1:8000/api/distrik/{params:id_distrik}	Nested Dropdownlist (Kampung)	GET
4	Form Aduan	http://127.0.0.1:8000/api/aduan/	Button Submit (Data Form)	POST, GET (Callback)
5	Register Auth API	http://127.0.0.1:8000/api/auth/register	-	POST (Callback Result Token)
6	Login Auth API	http://127.0.0.1:8000/api/auth/login	Redux	POST (Callback Result Token)
6	User Auth State (Session)	http://127.0.0.1:8000/api/auth/user	]Redux	GET (Callback)
7	User Auth Logout (Session)	http://127.0.0.1:8000/api/auth/logout	]Redux	POST

---

Progres Pembuatan & Pengembangan :

• Kamis 11 Mei 2020

  • Buat Project [Solved]
  • Buat App frontend-whistleblower [Solved]
  • Buat repository [Solved]

• Jum'at 12 Mei 2020

  • Ganti Template [Solved]
  • Buat Base Layout (MasterLayout) Template [Solved]
  • Buat Halaman Home [Solved]
  • Buat Halaman Tata Cara [Solved]

• Sabtu 13 Juni 2020

  • Install react-router-dom [Solved]
  • Install axios [Solved]

• Senin 15 Juni 2020

  • Buat Halaman Form Aduan [Solved]
  • Setup GET data Distrik & Kampung [Solved]
  • Setup GET data Kategori [Soveld]
  • Setup POST Data Form Aduan -> Backend [Solved]

• Selasa 16 Juni 2020

  • Buat Halaman Petunjuk Aduan [Solved]
  • Buat Halaman Tracking Aduan [Soveld]
  • Setup backend query untuk Tracking Aduan [Solved]

• Sabtu 20 Juni 2020

  • Install Redux, React Redux, Redux Thunk [Solved]
  • Install React Alert, React Alert Template Basic [Solved]
  • Buat Actions untuk Redux [Solved]
  • Buat Reducer untuk Redux [Solved]
  • Buat Action Types [Solved]
  • Buat Halaman Register Untuk Register User API -> Backend [Solved]
  • Buat Private Route Untuk Proteksi Halaman Setelah Login Auth API [Solved]
  • Buat Halaman Login Untuk Auth API -> Backend [Solved]

• Minggu 21 Juni 2020

  • Buat Fungsi Logout API [Solved]
  • Set Token ke Semua action Redux [Solved]
  • Buat Alers Messages dom [Solved]
  • Buat error reducers [Solved]
  • Buat Pengaduan Reducer [Solved]
  • Buat Pengaduan Actions [Solved]

• Kamis 25 Juni 2020

  • Buat Fungsi POST (Create) Pengaduan dengan Redux [Solved]
  • Buat Fungsi Filter Pengaduan dengan User [Solved]