Description

Aplikasi Cuaca Berbasis Web ini dirancang untuk memberikan informasi cuaca terkini berdasarkan kota yang dipilih pengguna. Aplikasi ini terdiri dari komponen backend dan frontend yang saling terintegrasi untuk menyediakan pengalaman pengguna yang responsif dan informatif.

1. Backend (Python Flask)

Backend aplikasi ini dibangun menggunakan Python Flask, yang berperan sebagai server untuk menangani permintaan HTTP dari frontend dan mengelola komunikasi dengan database MySQL. Berikut adalah deskripsi fungsi dan fitur utama dari backend:

• Framework: Python Flask
• Database: MySQL untuk menyimpan data kota favorit yang diinput pengguna.
• Integrasi API Eksternal: Aplikasi ini menggunakan API OpenWeatherMap untuk mendapatkan informasi cuaca real-time.
• Endpoint Utama:
  • GET /weather/<city>: Mengambil informasi cuaca untuk kota tertentu. Jika kota ada dalam database, server akan mengambil data cuaca dari OpenWeatherMap dan mengembalikannya dalam format JSON.
  • POST /cities: Menambahkan kota baru ke daftar favorit di database.
  • PUT /cities/<int:city_id>: Memperbarui data kota favorit yang ada.
• Fitur CORS: Dikembangkan menggunakan flask-cors untuk mengizinkan permintaan lintas domain dari frontend React.

2. Frontend (React.js)

Frontend aplikasi ini dikembangkan menggunakan React.js untuk menyediakan antarmuka pengguna yang interaktif dan modern. Bootstrap digunakan untuk mempercantik tampilan dan meningkatkan responsivitas aplikasi.

• Framework: React.js
• Komponen Utama:
  • WeatherForm: Formulir yang memungkinkan pengguna menambahkan kota favorit.
  • 
  • WeatherDisplay: Komponen untuk menampilkan data cuaca yang diambil dari backend
  • 
• Fitur UX/UI:
  • Formulir input yang validasi dan umpan baliknya diatur secara dinamis.
  • Tampilan data cuaca yang rapi dengan informasi seperti suhu, kelembapan, dan deskripsi cuaca.
  •