Dokumentasi Tugas 2: Membuat Website Restoran dengan ReactJS

Cara Menjalankan Website Restoran

Langkah 1: Setup dan Menjalankan Backend Server

1. Pastikan Anda berada di direktori server/ yang merupakan folder backend proyek ini.

   cd server

2. Buat virtual environment untuk mengisolasi dependensi:

   python -m venv .venv

3. Aktifkan virtual environment:

   • Untuk MacOS/Linux (Bash/Zsh Shell):

     source .venv/bin/activate

   • Untuk Windows (Command Prompt):

     .venv\Scripts\activate

4. Upgrade pip ke versi terbaru:

   pip install --upgrade pip

5. Install semua package yang diperlukan (terdapat di requirements.txt):

   pip install -r requirements.txt

6. Jalankan server backend:

   python manage.py runserver

   Server backend akan berjalan di http://127.0.0.1:8000.

7. (Opsional) Untuk mengakses halaman admin backend, buka http://127.0.0.1:8000/admin dengan kredensial berikut:

   • Username: admin
   • Password: !ADqswe3pNa!8ES8

---

Langkah 2: Setup dan Menjalankan Frontend Server

1. Pindah ke direktori website/restoran/ yang merupakan folder frontend Next.js:

   cd website/restoran

2. Install semua dependensi yang dibutuhkan:

   npm install

3. Install tambahan package untuk swiper:

   npm install swiper

4. Jalankan server frontend:

   pnpm run dev

   Server frontend akan berjalan di http://localhost:3000.

---

Struktur Proyek

|-- server/             # Backend server menggunakan Django
|-- website/
    |-- restoran/       # Frontend server menggunakan Next.js

---

Tampilan Website Restoran

1. Halaman Utama (Hero Section)

2. Daftar Menu

3. Profil

4. FAQ Section

5. Testimoni

6. Daftar Chef

7. Gallery Section

---

Sumber/Referensi

1. Template Frontend: Yummy Bootstrap Template
2. Framework:
   • Backend: Django
   • Frontend: Next.js
3. Deployment:
   • Backend: Railway
   • Frontend: Vercel

---

Catatan

• Backend server tersedia di Railway: Backend URL
• Frontend server tersedia di Vercel: Frontend URL