Kontributor : Husnia Munzayana
Repository ini beeisi implementasi dari sebuah situs web online library yang memungkinkan pengguna untuk menjelajahi daftar buku serta melihat detail buku. Pengguna juga dapat melakukan operasi registrasi, login, dan logout. Selain itu, pengguna yang sudah masuk ke akun mereka memiliki akses tambahan, yaitu kemampuan untuk menambahkan, mengedit, dan menghapus buku.
Sisi frontend website ini diimplementasikan dalam folder ./frontend/
dan sisi backend pada folder /backend/
. Untuk pengembangan backend, teknologi yang digunakan adalah NodeJS, Express.js, Prisma, dan database PostgreSQL. Sementara itu, pada sisi frontend, proyek ini NextJS dan Tailwind CSS untuk manajemen tata letak dan desain.
Fitur utama dari situs web ini meliputi:
- Autentikasi Pengguna: Sistem autentikasi memungkinkan pengguna untuk login ke akun mereka atau register untuk membuat akun baru.
- Tampilan daftar buku: Pengguna dapat melihat daftar lengkap buku yang tersedia.
- Detail buku: Pengguna dapat melihat informasi rinci tentang setiap buku, termasuk judul, penulis, penerbit, tahun terbit, jumlah halaman, dan cover buku.
- Manajemen CRUD Buku: Pengguna yang masuk dapat menambahkan buku baru ke perpustakaan, mengedit informasi buku yang sudah ada, dan menghapus buku yang tidak diperlukan lagi.
- Node.js
- npm atau yarn
- Express.js
- Prisma
- React
- Vite
- Tailwind CSS
- Multer
- NextJS
- Clone repository ini :
https://github.com/munzayanahusn/HW-Online-Library-NextJS.git
- Buka terminal dan arahkan ke directory tempat clone
- Arahkan ke folder backend :
cd backend
- Setup database masing-masing
- Buat file
.env
yang berisi:
DATABASE_URL=postgres://username:password@localhost:5432/database_name
JWT_SECRET=mysecretkey
- Install dependencies dengan perintah :
yarn install
- Lakukan migrasi database dengan perintah :
yarn migrate
- Jalankan perintah :
yarn prisma generate
- Jalankan backend dengan perintah :
yarn start
- Akan muncul tulisan "Server started on port 8000" yang menandakan server sudah berjalan.
Ubah username, password, dan database_name pada
.env
sesuai setup database yang telah dibuat. Anda juga dapat mengubah mysecretkey menjadi JWT_SECRET yang Anda inginkan
- Clone repository ini :
https://github.com/munzayanahusn/HW-Online-Library-NextJS.git
- Buka terminal dan arahkan ke directory tempat clone
- Arahkan ke folder frontend :
cd frontend
- Install dependencies dengan perintah :
npm install
- Jalankan backend dengan perintah :
npm run dev
- Akan muncul
yang menandakan frontend website sudah berjalan.
> [email protected] dev > next dev ▲ Next.js 14.2.3 - Local: http://localhost:3000 ✓ Starting... ✓ Ready in 1790ms
- Buka website malalui
http://localhost:3000/