Final Project Kelompok 53

---

Table of Contents

• ⚙️ Backend
  • Teknologi Backend
  • Development Backend
  • Contoh Response
• 🖼 Frontend
  • Teknologi Frontend
  • Package Penting
  • Development Frontend
• 😎 Anggota Kelompok

---

Backend

Buka terminal favorit kalian dan jalankan perintah-perintah berikut ini. Selain itu juga disediakan build version berupa file exe.

📚 Teknologi Backend

• Golang
• Gin Gonic
• JWT-GO
• Cloud Firestore (Firebase)

🛠 Development Backend

Untuk menjalankan Project Backend:

go run main.go

Untuk menambahkan Admin:

localhost:8080/admin/register

Untuk login Admin:

localhost:8080/login

📲 Contoh Response

JSON data Admin register:

{
  "username": "admin",
  "phone": "12345",
  "email": "admin123",
  "password": "admin12345"
}

JSON data Admin login:

{
  "email": "admin123",
  "password": "admin12345"
}

Contoh response register dan login untuk User, sama dengan Admin.

---

Frontend

Berikut ini adalah panduan instalasi hingga cara menjalankan local development pada Project Frontend.

📚 Teknologi Frontend

• React-js
• Axios
• Chakra UI
• Emotion
• Zustand
• json-server & json-server-auth (development)

📦 Package Penting

Ada 3 package/library penting yang digunakan disini, yaitu:

• Chakra UI
• Axios
• JSON Server (hanya untuk development)

Khusus untuk JSON Server, pastikan sudah ter-install di PC masing-masing. Jika belum, lakukan instalasi secara global.

npm install -g json-server

Kemudian, pastikan juga seluruh dependensi yang dibutuhkan telah ter-install.

npm install

🛠 Development Frontend

Kita harus menjalankan 2 local sever pada project ini. Satu untuk react-js dan satunya lagi untuk local json-sever beserta json-server-auth yang berfungsi sebagai endpoint API sementara.

react-js

npm run start

json-server + json-server-auth (dengan custom port: 8000)

json-server _data/db.json -m ./node_modules/json-server-auth --port 8000

Kemudian periksa url http://localhost:3000 pada browser untuk melihat hasilnya.

---

Anggota Kelompok

• Ilham Mubarok - FE2103788 👨‍💻
• Wahyu Widi Widayat - BE2236237 👨‍💻
• Nisa Fatimatuz Zahro - FE2239109 👩‍💻
• Sity Fadia Al Haya Maswin - FE2211285 👩‍💻
• Galuh Berli Oktaviami - BE2287239 👩‍💻
• Putri Wahyulian Aningtyas - FE2211350 👀