Hayu Explore adalah chatbot yang dapat membantu kamu dalam merencanakan perjalanan wisata kamu saat ke Bandung. Kamu dapat menanyakan informasi mengenai tempat wisata yang ada di Bandung. Dibuat dengan menggunakan framework Next.js dan shadcn/ui sebagai komponen UI nya. Aplikasi ini dibuat untuk mengikuti coding challenge dari SMKDEV yaitu "SMKDEV Coding Challenge: Travel Chatbot API".
- Next.js App Router
- shadcn/ui
- Styling with Tailwind CSS
- Radix UI for headless component primitives
- Icons Lucide Icon
- Themes next-themes
- Axios for fetching data API axios
- react-markdown for formatting data API response
- Vercel for deployment
Sebelum menjalankan aplikasi ini, pastikan kamu sudah menginstall Node.js dan npm. Lalu setup environment variable dengan cara copy file .env.example
menjadi .env.local
dan isi dengan API key nya. API key dapat didapatkan dengan menghubungi SMKDEV. Setelah itu jalankan perintah berikut:
git clone https://github/aafrzl/hayuexplore-chatbot-travel.git
cd hayuexplore-chatbot-travel
npm install
npm run dev
Dan buka http://localhost:3000 di browser kamu.
Jika kamu memiliki pertanyaan atau saran, silahkan buat issue baru atau hubungi saya di Instagram.