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.

NusantaraTrip PWA Dark Mode AI Assistant


โœจ 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

HalamanDeskripsi
index.htmlHalaman utama dengan dashboard lengkap
destinasi.htmlDestinasi Indonesia (34 provinsi)
asia/index.htmlDestinasi Asia (48 negara)
eropa/index.htmlDestinasi Eropa
amerika/index.htmlDestinasi Amerika
australia/index.htmlDestinasi Australia
itinerary.htmlItinerary planner interaktif
gallery.htmlPhoto gallery dengan lightbox
compare.htmlDestination comparison tool
journal.htmlTravel journal & blog
favorites.htmlKelola destinasi favorit
notes.htmlCatatan pribadi
tools.htmlTools & utilities
offline.htmlHalaman offline PWA
404.htmlError 404 page
500.htmlError 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

  1. Buka halaman itinerary.html
  2. Isi info perjalanan (tujuan, tanggal, durasi)
  3. Tambah aktivitas per hari
  4. Lihat ringkasan budget
  5. Simpan atau export

5. Membandingkan Destinasi

  1. Buka halaman compare.html
  2. Pilih 2-3 destinasi
  3. Lihat perbandingan detail
  4. Temukan destinasi terbaik

6. Menulis Journal

  1. Buka halaman journal.html
  2. Isi form journal
  3. Pilih mood dan rating
  4. Publikasikan

7. Install PWA

Chrome/Edge:

  1. Buka website di browser
  2. Klik "Install" di popup atau menu
  3. Aplikasi akan muncul di home screen

Safari (iOS):

  1. Tap Share button
  2. 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

BrowserSupport
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:

  1. Fork repository ini
  2. Buat branch baru (git checkout -b feature/amazing-feature)
  3. Commit perubahan (git commit -m 'Add amazing feature')
  4. Push ke branch (git push origin feature/amazing-feature)
  5. 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


<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