Skip to content

sanjarbek404/Travel

Repository files navigation

🌍 Sayohat Rejalashtiruvchi (Trip Planner & Weather)

Zamonaviy, tezkor va interaktiv sayohat rejalashtirish ilovasi.

React Vite Tailwind CSS TypeScript


📌 Loyiha haqida

Sayohat Rejalashtiruvchi - bu foydalanuvchilarga o'zlari bormoqchi bo'lgan shaharni qidirish, uning xaritasini, ob-havo ma'lumotlarini va diqqatga sazovor joylarini ko'rish imkonini beruvchi zamonaviy web platforma. Ilova shuningdek, sayohat sanalarini belgilash va qaydlar saqlash imkoniyatini ham taqdim etadi. Hamma xizmatlar (ob-havo, xarita, qamrov) API-kalitlar talab qilmaydigan ochiq API-larga ulangan.

👉 JONLI NAMUNA (Live Demo) ni ko'rish

(Izoh: Agar loyihani GitHub'ga yuklab GitHub Pages'ni yoqsangiz, Live Demo manzilini shunga o'zgartirib qo'yishingiz mumkin).

✨ Imkoniyatlar

  • 🔍 Shahar qidiruvi: Nominatim (OpenStreetMap) yordamida dunyoning istalgan shahrini izlash.
  • 🗺️ Interaktiv Xarita: Leaflet.js orqali shaharni va uning atrofidagi joylarni xaritada ko'rish.
  • Ob-havo ma'lumotlari: Open-Meteo orqali tanlangan manzildagi joriy ob-havo va kelgusi kunlar uchun prognoz.
  • 🏛️ Diqqatga sazovor joylar: Wikipedia API yordamida shahardagi qiziqarli joylar va ma'lumotlarni masofasi bilan ko'rish.
  • 📝 Turar joy va sayohat rejasi: Sayohat boshlanish, tugash sanalari va shaxsiy qaydlarni saqlash (zod va react-hook-form orqali).
  • 📱 Responsive Design: Barcha qurilmalarga moslashuvchan, chiroyli dizayn (Tailwind CSS + shadcn/ui).

🛠️ Texnologiyalar

  • Frontend: React 19, TypeScript, Vite
  • Styling: Tailwind CSS, shadcn/ui, Framer Motion
  • Map & Geocoding: Leaflet, React-Leaflet, Nominatim API
  • Ob-havo API: Open-Meteo API (mutlaqo bepul, API limitsiz)
  • Joylar API: Wikipedia GeoSearch API
  • Form Handling: React Hook Form, Zod
  • Icons: Lucide React

🚀 Ishga tushirish (Local Development)

Loyihani o'z kompyuteringizda ishga tushirish uchun quyidagi qadamlarni bajaring:

  1. Repozitoriyni yuklab oling:

    git clone https://github.com/your-github-username/your-repository-name.git
  2. Papkaga kiring:

    cd your-repository-name
  3. Bog'liqliklarni o'rnating:

    npm install
  4. Loyihani ishga tushiring:

    npm run dev
  5. Brauzerda oching: http://localhost:3000

👨‍💻 Ishlab chiquvchi

Ushbu loyiha Sanjarbek Otabekov tomonidan ishlab chiqilgan.

Loyiha bo'yicha takliflar yoki savollar bo'lsa, men bilan bog'laning!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors