หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

WeatherApp ที่มีปฏิกิริยาตอบสนอง

คำอธิบาย

WeatherApp เป็นแอพพลิเคชั่นมือถือที่พัฒนาขึ้นใน Native React ซึ่งนำเสนอประสบการณ์ผู้ใช้ที่ดื่มด่ำเพื่อปรึกษาการพยากรณ์อากาศ ต้องขอบคุณการรวม APIs สองตัวและตำแหน่งทางภูมิศาสตร์ที่แม่นยำแอปพลิเคชันให้ข้อมูลสภาพอากาศแบบเรียลไทม์ที่ปรับให้เข้ากับตำแหน่งผู้ใช้ปัจจุบัน นอกจากนี้ยังช่วยให้การวิจัยด้วยตนเองของเมืองได้รับการคาดการณ์ในช่วงหลายวัน

คุณสมบัติ

  • สภาพอากาศแบบเรียลไทม์: การแสดงสภาพอากาศในปัจจุบันตามตำแหน่งทางภูมิศาสตร์ของผู้ใช้รวมถึงอุณหภูมิ, สภาพของท้องฟ้า, ความเร็วลม, พระอาทิตย์ขึ้นและเวลาพระอาทิตย์ตก
  • ตำแหน่งทางภูมิศาสตร์ที่แม่นยำ: การใช้ตำแหน่งทางภูมิศาสตร์เพื่อรับข้อมูลเฉพาะกับตำแหน่งผู้ใช้ปัจจุบัน
  • 7 -การคาดการณ์วัน: การปรึกษาหารือเกี่ยวกับการพยากรณ์อากาศในช่วงเวลาหนึ่งสัปดาห์พร้อมไอคอนและรายละเอียดอุณหภูมิ
  • การค้นหาด้วยตนเองในเมือง: ตัวเลือกในการค้นหาและเลือกเมืองที่เฉพาะเจาะจงจึงเสนอการทำงานทั้งหมดของแอปพลิเคชัน
  • การอัปเดตจริง -เวลา: ฟังก์ชั่นการรีเฟรชข้อมูลโดยการเคลื่อนไหวการเลื่อนแนวตั้งอย่างง่าย

เทคโนโลยีที่ใช้

  • React Native: กรอบหลักสำหรับการพัฒนาแอปพลิเคชัน
  • Expo: เครื่องมือสำหรับการพัฒนาการปรับใช้และการทดสอบแอปพลิเคชัน
  • Weather API: การรวม API สองตัวเพื่อรับข้อมูลสภาพอากาศและรายละเอียดสถานที่
  • Git & GitHub: การจัดการเวอร์ชันและที่พักของซอร์สโค้ด

สิ่งอำนวยความสะดวก

  • โคลนเงินฝาก: git clone https://github.com/matheyraud/reactnative-weatherapp.git
  • เข้าถึงไดเรกทอรีโครงการ: CD Reactnative-WeatherApp
  • ติดตั้งการพึ่งพา: การติดตั้ง NPM
  • เปิดแอปพลิเคชันโดยใช้ Expo: NPX Expo Start

ใช้

  • GEOLOCATION: แอปพลิเคชันตรวจพบตำแหน่งของคุณโดยอัตโนมัติและแสดงสภาพอากาศที่สอดคล้องกัน
  • การค้นหาในเมือง: ใช้แถบค้นหาเพื่อค้นหาเมืองที่เฉพาะเจาะจงและปรึกษาการพยากรณ์อากาศ
  • การรีเฟรชข้อมูล: เลื่อนหน้าจอลงเพื่อรีเฟรชข้อมูล

การปรับใช้

  • โครงการถูกปรับใช้ผ่าน Expo คุณสามารถเข้าถึงเวอร์ชันที่ปรับใช้สำหรับ Android และ iOS ผ่านลิงก์ต่อไปนี้:
    • Android: ลิงก์ไปยังเวอร์ชัน Android
    • iOS: ลิงก์ไปยังเวอร์ชัน iOS

ภาพหน้าจอ

https://eyraudmathieu.notion.site/home-application-mto-8f08b7ebede84a32839b6241071a9915?ps=4

มีส่วนช่วย

ยินดีต้อนรับ! เพื่อเสนอคุณสมบัติใหม่แก้ปัญหาข้อผิดพลาดหรือปรับปรุงเอกสาร:

  1. แยกโครงการ
  2. สร้างสาขาสำหรับฟังก์ชั่นของคุณ (คุณสมบัติ Git Checkout -B/คุณสมบัติใหม่)
  3. กระทำการดัดแปลงของคุณ (Git commit -m 'เพิ่มคุณสมบัติใหม่')
  4. ผลักดันสาขา (คุณสมบัติการผลักดัน GIT/ความผิดพลาดใหม่)
  5. เปิดการร้องขอเสื้อสเวตเตอร์

ติดต่อ

สำหรับคำถามหรือข้อเสนอแนะใด ๆ อย่าลังเลที่จะติดต่อฉันผ่านหน้า GitHub ของฉัน

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด