Kelas Online
Laravel, ReactJS, OpenStreetMap, Xendit : Website Travel

Released date June 2025

Last updated March 2026

Member

349 enrolled

Lesson Type

Video Only

Tingkatan

Sertifikat

Konsultasi

124 lessons (24.95 hours)

play_circle

Demo Project

17 mins

play_circle

Figma Design

5 mins

play_circle 124 more lessons

Develop Your Skills

Website Travel ini merupakan sebuah platform digital modern yang dirancang untuk mempermudah pengguna dalam mencari, menjelajahi, dan memesan tiket wisata secara online. Dengan sistem pencarian yang intuitif, pengguna dapat mencari destinasi wisata berdasarkan nama maupun kategori yang diinginkan. Untuk meningkatkan kenyamanan dan efisiensi dalam perjalanan, website ini juga menyediakan fitur navigasi rute menggunakan integrasi peta dari OpenStreetMap dan marker bisa digunakan di google maps, memungkinkan pengguna untuk melihat lokasi wisata secara detail serta mengarahkan rute perjalanan langsung dari perangkat mereka.

Content Management System (CMS): tersedia untuk administrator dan pengunjung. Administrator memiliki akses penuh untuk melakukan manajemen kategori, lokasi wisata, tiket, serta mengelola transaksi dan ulasan dari pengguna. Sementara itu, pengunjung yang sudah terdaftar dapat melihat riwayat transaksi pribadi mereka dan memberikan ulasan terhadap wisata yang telah dikunjungi. Untuk mempermudah pembayaran, sistem ini telah terintegrasi dengan Xendit sebagai penyedia payment gateway yang andal dan cepat.

Fitur yang ditawarkan pada frontend sangat lengkap, mencakup pencarian wisata berdasarkan kategori atau nama, melihat detail informasi wisata, galeri gambar, ulasan dari pengguna lain, serta opsi untuk memilih tiket VIP atau reguler. Pengguna juga dapat memfilter wisata berdasarkan berbagai parameter seperti kategori, harga, dan lokasi, menjadikan platform ini sangat fleksibel dan mudah digunakan. Semua proses pembelian tiket dilakukan secara digital dan aman, mendukung efisiensi waktu serta transparansi bagi pengguna.

Proyek ini tidak hanya ditujukan untuk pengguna umum, tetapi juga sangat cocok sebagai bahan pembelajaran dan portofolio bagi programmer, freelancer, maupun mahasiswa yang ingin mendalami pengembangan aplikasi berbasis Software as a Service (SaaS). Dengan menggunakan Laravel 12, Inertia ReactJS, serta teknologi modern lainnya seperti Spatie(RBAC), Breeze, OpenStreetMap, Xendit, proyek ini menjadi contoh ideal untuk membangun sistem backend dan frontend yang terintegrasi dengan baik.

Sneak Peek

Foto kelas Laravel, ReactJS, OpenStreetMap, Xendit : Website Travel

Key Points

CMS Admin: Kelola Categories, Locations, Tickets, Ticket Categories, Transactions, dan Reviews.

CMS Pengunjung: Lihat Transactions dan Reviews berdasarkan akun login.

Pencarian Wisata: Jelajahi wisata favorit atau semua wisata dengan fitur pencarian berbasis kategori atau nama.

Belajar Teknologi Modern Monolithic: Laravel 12 + Inertia React (SPA tanpa API REST).

Eksplorasi Tools & Library: HTTPS Ngrok, OpenStreetMap, Spatie, Breeze, dan TailwindCSS.

Bayar tiket wisata langsung melalui Xendit.

Bangun SaaS dari Nol

Designed For

Pengunjung Wisata : Menyediakan pengalaman mudah dalam mencari dan memesan tiket wisata favorit, melihat detail lokasi di OpenStreetMap, serta melakukan pembayaran langsung menggunakan Xendit.

Programmer & Freelancer : Cocok untuk yang ingin belajar membangun aplikasi monolithic modern dengan Laravel 12 + Inertia React, serta mengintegrasikan tools seperti Ngrok, Spatie, Breeze, TailwindCSS, dan OpenStreetMap.

Mahasiswa & Praktisi Belajar : Menjadi bahan portofolio atau proyek akhir dengan konsep Software as a Service (SaaS) dan fitur lengkap GIS berbasis web.

Pemula : Sebuah titik awal yang ideal untuk belajar arsitektur fullstack modern tanpa perlu membuat backend REST API terpisah. dan Sebuah langkah awal yang ideal untuk belajar pengembangan aplikasi website

Course Lessons

Videos language: Bahasa Indonesia (Auto-translation available)

lock

Bikin Project Laravel, ReactJS, Spatie, Breeze

Video