Fullstack Programming: Website CekOngkir Sederhana

Abdul Rohman

Sosial Media


0 orang menyukai ini
Suka

Summary

pada portofolio kali ini, saya membuat website cek ongkir sederhana dengan memanfaatkan API Rajaongkir dan integrasi antara frontend dan beckend

Description

Saya telah mengembangkan aplikasi web "Cek Ongkir" yang memanfaatkan React untuk frontend dan Node.js/Express untuk backend. Aplikasi ini dirancang untuk membantu pengguna menghitung biaya pengiriman barang dengan menggunakan API dari RajaOngkir.

Fitur Utama:

  • Pemilihan Provinsi dan Kota: Pengguna dapat memilih provinsi dan kota asal serta tujuan pengiriman.
  • Input Berat Barang: Pengguna dapat memasukkan berat barang yang akan dikirim.
  • Pilihan Kurir: Aplikasi menyediakan pilihan kurir seperti JNE, POS, dan TIKI.
  • Hasil Pengiriman dalam Popup: Hasil perhitungan biaya pengiriman ditampilkan dalam popup yang menarik dan mudah dipahami.
  • Desain Responsif: Aplikasi memiliki desain yang responsif dan modern, dengan latar belakang berwarna yang menarik dan tata letak yang user-friendly.

Aplikasi ini berjalan pada port 5641 untuk backend dan port 3000 untuk frontend, memastikan integrasi yang lancar antara kedua komponen tersebut. Penggunaan react-modal untuk menampilkan hasil cek ongkir memberikan pengalaman pengguna yang lebih baik dan interaktif.

tampilan awal:

Hasilnya ketika cek ongkir ditekan:

Informasi Course Terkait
  Kategori: Web Programming
  Course: Cyber Security SIB Batch 6