KembaliArsip / superapp-lifestyle / travel
superapp-lifestyle
travel
84 file ยท 2.5 MB
Sistem informasi live โ travel-two-theta.vercel.appBuka di tab baru
README
๐ NusantaraTrip - Travel Platform v3.0
Platform travel terlengkap untuk Indonesia dan dunia dengan fitur modern, AI-powered assistant, dan desain yang elegan.
โจ Fitur Unggulan
๐จ Modern UI/UX Design
- Dark Mode - Tema gelap/terang dengan transisi smooth
- Glassmorphism Effects - Desain modern dengan efek blur dan transparansi
- Micro-interactions - Hover effects, ripple effects, smooth animations
- Responsive Design - Optimal di mobile, tablet, dan desktop
- Custom CSS Variables - Design system yang konsisten
๐ค AI Travel Assistant
- Chatbot cerdas di pojok kanan bawah
- Jawaban tentang destinasi, visa, budget
- Rekomendasi personal berbasis AI
- Tersedia 24/7
๐ Global Search System
- Pencarian real-time dengan debounce
- Filter berdasarkan kategori (destinasi, halaman)
- History pencarian tersimpan
- Keyboard navigation support
๐บ๏ธ Itinerary Planner
- Rencana perjalanan hari demi hari
- Timeline interaktif dengan drag-drop
- Perhitungan budget otomatis
- Kategori aktivitas (transport, makan, dll)
- Export & share itinerary
๐ธ Photo Gallery
- Masonry grid layout
- Lightbox dengan navigasi keyboard
- Filter berdasarkan negara/wilayah
- Hover effects dengan informasi detail
๐ Destination Comparison
- Bandingkan hingga 3 destinasi
- Perbandingan fitur: visa, budget, cuaca, keamanan
- Visualisasi dengan progress bars
- Winner highlighting
๐ Travel Journal
- Tulis dan simpan cerita perjalanan
- Mood tracking (๐๐คฉ๐๐)
- Rating system dengan bintang
- Highlights dan tags
- Share ke sosial media
๐ฑ Advanced Tools
- Currency Converter - Multi-mata uang real-time
- Budget Calculator - Hitung estimasi biaya lengkap
- Travel Checklist - Progress tracking
- Unit Converter - Suhu, berat, jarak
๐พ Local Storage Features
- Favorites - Simpan destinasi favorit
- Notes - Catatan pribadi dengan kategori
- Itinerary - Rencana perjalanan tersimpan
- Journal - Journal entries persisten
- Theme Preference - Preferensi tema pengguna
๐ฑ PWA (Progressive Web App)
- Service Worker - Cache strategy untuk offline
- Manifest.json - Installable seperti aplikasi native
- Offline Page - Halaman khusus saat offline
- Background Sync - Sinkronisasi data
- Push Notifications - Notifikasi update
๐๏ธ Halaman Tersedia
| Halaman | Deskripsi |
|---|---|
index.html | Halaman utama dengan dashboard lengkap |
destinasi.html | Destinasi Indonesia (34 provinsi) |
asia/index.html | Destinasi Asia (48 negara) |
eropa/index.html | Destinasi Eropa |
amerika/index.html | Destinasi Amerika |
australia/index.html | Destinasi Australia |
itinerary.html | Itinerary planner interaktif |
gallery.html | Photo gallery dengan lightbox |
compare.html | Destination comparison tool |
journal.html | Travel journal & blog |
favorites.html | Kelola destinasi favorit |
notes.html | Catatan pribadi |
tools.html | Tools & utilities |
offline.html | Halaman offline PWA |
404.html | Error 404 page |
500.html | Error 500 page |
๐ Cara Menggunakan
1. Dark Mode
Klik tombol moon/sun di navbar untuk beralih tema gelap/terang.
2. AI Chat Assistant
Klik tombol robot di pojok kanan bawah untuk chat dengan AI assistant.
3. Menyimpan Favorit
Klik ikon hati โค๏ธ pada kartu destinasi untuk menyimpan ke favorit.
4. Membuat Itinerary
- Buka halaman
itinerary.html - Isi info perjalanan (tujuan, tanggal, durasi)
- Tambah aktivitas per hari
- Lihat ringkasan budget
- Simpan atau export
5. Membandingkan Destinasi
- Buka halaman
compare.html - Pilih 2-3 destinasi
- Lihat perbandingan detail
- Temukan destinasi terbaik
6. Menulis Journal
- Buka halaman
journal.html - Isi form journal
- Pilih mood dan rating
- Publikasikan
7. Install PWA
Chrome/Edge:
- Buka website di browser
- Klik "Install" di popup atau menu
- Aplikasi akan muncul di home screen
Safari (iOS):
- Tap Share button
- Pilih "Add to Home Screen"
๐ ๏ธ Teknologi
- HTML5 - Semantic markup
- Tailwind CSS - Utility-first styling
- Vanilla JavaScript (ES6+) - Modern JavaScript
- CSS Custom Properties - Design system
- Service Worker - PWA functionality
- LocalStorage - Data persistence
- Intersection Observer - Scroll animations
๐ Struktur Proyek
travel/
โโโ ๐ index.html # Halaman utama
โโโ ๐ destinasi.html # Destinasi Indonesia
โโโ ๐ itinerary.html # Itinerary planner
โโโ ๐ gallery.html # Photo gallery
โโโ ๐ compare.html # Destination comparison
โโโ ๐ journal.html # Travel journal
โโโ ๐ favorites.html # Favorites
โโโ ๐ notes.html # Personal notes
โโโ ๐ tools.html # Tools & utilities
โโโ ๐ offline.html # Offline page
โโโ ๐ manifest.json # PWA manifest
โโโ ๐ sw.js # Service worker
โโโ ๐ README.md # Dokumentasi
โ
โโโ ๐ css/
โ โโโ main.css # Main stylesheet (21KB)
โ
โโโ ๐ js/
โ โโโ app.js # Main JavaScript (31KB)
โ
โโโ ๐ indonesia/ # Destinasi Indonesia (34 provinsi)
โโโ ๐ asia/ # Destinasi Asia
โโโ ๐ eropa/ # Destinasi Eropa
โโโ ๐ amerika/ # Destinasi Amerika
โโโ ๐ australia/ # Destinasi Australia
โโโ ๐ components/ # Reusable components
โโโ ๐ assets/ # Images & icons
โโโ ๐ data/ # Data files
๐ Destinasi Tersedia
๐ฎ๐ฉ Indonesia (34 Provinsi)
- Sumatera: Aceh, Sumatera Utara, Sumatera Barat, Riau, Jambi, Sumatera Selatan, Bengkulu, Lampung
- Jawa: Jakarta, Banten, Jawa Barat, Jawa Tengah, DI Yogyakarta, Jawa Timur
- Bali & Nusa Tenggara: Bali, NTB, NTT
- Kalimantan: Kalimantan Barat, Kalimantan Tengah, Kalimantan Selatan, Kalimantan Timur, Kalimantan Utara
- Sulawesi: Sulawesi Utara, Sulawesi Tengah, Sulawesi Selatan, Sulawesi Tenggara, Gorontalo, Sulawesi Barat
- Maluku & Papua: Maluku, Maluku Utara, Papua, Papua Barat
๐ Asia (48 Negara)
- Timur: Jepang (Tokyo, Osaka, Kyoto), Korea Selatan (Seoul, Busan), China
- Tenggara: Thailand (Bangkok, Phuket), Vietnam, Singapura, Malaysia, Filipina, Indonesia
- Selatan: India, Sri Lanka, Maladewa
- Barat: Dubai, Arab Saudi, Israel, Turki
๐ช๐บ Eropa
- Barat: Prancis (Paris), Inggris (London), Belanda (Amsterdam), Jerman, Swiss
- Selatan: Italia (Rome), Spanyol, Portugal, Yunani
- Timur: Kroasia, Ceko, Polandia, Hungaria
- Nordik: Norwegia, Swedia, Finlandia, Denmark
๐บ๐ธ Amerika
- Utara: USA (New York, Los Angeles, San Francisco), Kanada
- Tengah: Meksiko, Costa Rica, Panama
- Selatan: Brasil, Argentina, Peru (Machu Picchu), Chile
๐ฆ๐บ Australia & Oceania
- Australia (Sydney, Melbourne, Great Barrier Reef)
- New Zealand (Auckland, Queenstown)
- Fiji, Papua Nugini
๐ Development
Prerequisites
- Web browser modern (Chrome, Firefox, Safari, Edge)
- Local server untuk PWA features
Local Development
# Clone repository
git clone https://github.com/subkhanibnuaji/travel.git
# Masuk ke folder
cd travel
# Jalankan local server
# Python 3
python -m http.server 8000
# Python 2
python -m SimpleHTTPServer 8000
# Node.js
npx serve .
# PHP
php -S localhost:8000
# Buka browser
http://localhost:8000
๐ฑ Browser Support
| Browser | Support |
|---|---|
| Chrome | โ Recommended |
| Firefox | โ Full Support |
| Safari | โ Full Support |
| Edge | โ Full Support |
| Opera | โ Full Support |
๐ฎ Roadmap
โ Completed
- Dark Mode
- AI Chat Assistant
- PWA Support
- Currency Converter
- Budget Calculator
- Travel Checklist
- Favorites System
- Notes System
- Itinerary Planner
- Photo Gallery
- Destination Comparison
- Travel Journal
- Social Sharing
๐ง In Progress
- Real-time flight prices API
- Weather integration
- Maps integration
- User authentication
- Cloud sync
๐ Planned
- Multi-city itinerary
- Community forum
- Review & rating system
- Travel buddies finder
- Mobile app (React Native/Flutter)
- AR travel guide
- Voice search
- AI itinerary generator
๐ค Contributing
Kontribusi selalu welcome! Untuk berkontribusi:
- Fork repository ini
- Buat branch baru (
git checkout -b feature/amazing-feature) - Commit perubahan (
git commit -m 'Add amazing feature') - Push ke branch (
git push origin feature/amazing-feature) - Buat Pull Request
๐ License
MIT License - feel free to use and modify!
Copyright (c) 2025 NusantaraTrip
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
๐จโ๐ป Developer
Dibuat dengan โค๏ธ untuk Indonesia ๐ฎ๐ฉ dan dunia ๐
NusantaraTrip - Dari Jakarta, Untuk Indonesia, Ke Dunia โ๏ธ๐
๐ Kontak & Support
- ๐ Bug Report: GitHub Issues
- ๐ก Feature Request: GitHub Discussions
- ๐ง Email: contact@nusantaratrip.com
<p align="center"> <strong>โญ Star this repo if you find it helpful!</strong> </p>
File Utama
- .gitignore
- 404.html
- 500.html
- README.md
- compare.html
- destinasi.html
- documents.html
- emergency.html