React JS Lanjutan | SIB NF Academy

Repository ini berisi kumpulan tugas-tugas dari course React JS Lanjutan SIB NF Academy.

• Merupakan lanjutan dari course React JS Dasar: reactjs-nfa

🔗 Related Repositories

• Backend API: booksales-api - REST API server untuk booksales-fe

Note: Aplikasi ini adalah bagian dari mini project NFA | Booksales - platform penjualan buku yang terdiri dari web frontend, dan backend API.

Identitas

• Nama: Firenze Higa Putra
• Kampus: Sekolah Tinggi Teknologi Terpadu Nurul Fikri
• NIM: 0110223014
• ID NFA: FWD03008

Daftar Pertemuan

• Pertemuan 1: 22 Oktober 2025

Struktur Repo

• Setiap tugas akan disimpan sesuai pertemuan.
• File tugas pertemuan 1: Buatlah fitur read dan create data untuk genre dan author pada tampilan Admin. Desain antarmuka sesuai kreativitas masing-masing.

Tugas:

• Buat fitur read dan create data untuk Genre dan Author.

---

• Pertemuan 2: 23 Oktober 2025

Struktur Repo

• Setiap tugas akan disimpan sesuai pertemuan.
• File tugas pertemuan 1: Buatlah fitur update dan delete data untuk bagian genre dan author pada tampilan Admin. Desain antarmuka sesuai kreativitas masing-masing..

Tugas:

• Buat fitur update dan delete data untuk Genre dan Author.

---

• Pertemuan 3: 27 Oktober 2025

Struktur Repo

• Setiap tugas akan disimpan sesuai pertemuan.
• File tugas pertemuan 1: Buatlah fitur register.

Tugas:

• Silakan buat fitur registrasi pengguna sebagai bagian dari pengembangan aplikasi berbasis React JS. Anda diberikan kebebasan untuk merancang desain antarmuka (UI) sesuai kreativitas masing-masing. Pastikan tampilan yang dibuat bersifat responsif, menarik secara visual, dan mudah digunakan oleh pengguna.

---

• Pertemuan 4: 28 Oktober 2025

Struktur Repo

• Setiap tugas akan disimpan sesuai pertemuan.
• File tugas pertemuan 1: Tambahkan pengaturan routing dan service otorisasi pada project React JS Anda untuk membatasi akses antara pengguna biasa (user) dan administrator (admin). Buat logika yang membedakan hak akses user dan admin.

Hal yang Baru:

• Membuat bisnis proses transaksi buku
• Batasi akses ke halaman tertentu sesuai peran
• Menambah halaman riwayat transaksi customer
• Membuat halaman profil untuk kedua role
• Menambah tampilan read data users dan transaction di admin
• Instal react-hot-toast

---

Dibuat untuk memenuhi tugas course React JS Lanjutan SIB NF Academy.

---

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

React Compiler

The React Compiler is not enabled on this template. To add it, see this documentation.

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.