Destination App

Pada repository ini , dibuat Front-End dari REST API. Projek Destination App ditujukan untuk tugas Probation ProClub Telkom University.

Anggota kelompok:

  1. Alfian Ananda Putra (craftalpian)
  2. Alifio Y. A. S (Xenosians)
  3. Galih Akbar Nugraha (whoisgalih)

Tech

  1. React
  2. Create React App
  3. Bootstrap 5
  4. React Router Dom
  5. React Masonry CSS
  6. SASS
  7. Github Pages

Usage

Clone Repository

Untuk menjalankan project ini, diperlukan unutk menyalin repo in ke komputer local.
Anda dapat clone repo melalui perintah git clone di command line interface (CLI) Anda.

git clone https://github.com/whoisgalih/destination-app.git

Setelah menyalin repo, anda harus menginstall dependencies dengan menuliskan kode berikut di CLI

npm install

Membuat (atau memodifikasi) file .env yang berisi:

REACT_APP_BASENAME=<YOUR_PATH_NAME>
REACT_APP_BACKEND_BASE=<YOUR_BACKEND_SERVER>

!!! File .env akan masuk ke code javasicrpt saat di build, pastikan tidak menulis hal yang bersifat rahasia !!!

Try It Now

Aplikasi front-end yang sudah di build terdapat di https://whoisgalih.github.io/destination-app/. Tentu belum lengkap karena memerlukan back-end. Silahakan mengunjungi Destination App Back-End untuk memperloeh aplikasi back-end dan menjalankan di server local dengan alamat localhost:3000

Available Scripts

npm run start

Menjalankan aplikasi dalam mode development.
Buka http://localhost:4000 untuk melihat dalam browser.

Halaman akan otomatis reload saat terdapat perubahan.
Anda juga dapat melihat lint error di console.

npm run build

Build aplikasi unutk production dalam folder build.
Ini akan membuat bundle dari aplikasi dalam mode production dan mengoptimasikan build unutk performa terbaik.

Build diperkecil dan nama file menyertakan hash.
Aplikasi Anda siap di-deploy!

npm run deploy

Mendeploy di github pages.
npm deploy secara otomatis menjalankan build dan script predeploy