Pelayanan administrasi di Kantor Camat Rantau Kopar sebelumnya belum didukung sistem digital yang terstruktur sehingga masyarakat harus datang langsung untuk memperoleh informasi, menyerahkan dokumen, dan mengetahui perkembangan pengajuan. Penelitian ini bertujuan membangun front end Sistem Pelayanan Terpadu berbasis website yang informatif, interaktif, responsif, dan mudah digunakan. Sistem dikembangkan menggunakan ReactJS, diintegrasikan dengan back end melalui RESTful API, serta menerapkan metode Extreme Programming melalui tahapan planning, design, coding, dan testing secara iteratif. Sistem menyediakan delapan layanan administrasi untuk tiga peran pengguna, yaitu masyarakat, petugas, dan kepala camat. Pengujian dilakukan menggunakan Unit Testing dengan Vitest, User Acceptance Testing, dan System Usability Scale. Hasil Unit Testing menunjukkan seluruh 87 test case berhasil. UAT terhadap 15 responden dengan total 75 skenario memperoleh tingkat keberhasilan 100%, sedangkan pengujian SUS menghasilkan skor rata-rata 87,83. Hasil tersebut menunjukkan bahwa front end PETA RANKO telah memenuhi fungsi utama yang diuji, dapat diterima pengguna, dan memiliki tingkat usability yang sangat baik.