Các chức năng chính của dự án này gồm:
1. Tìm kiếm thành phố:
Nhập tên thành phố để lấy thông tin vị trí (tọa độ).
2. Xem thời tiết hiện tại:
Hiển thị nhiệt độ, trạng thái thời tiết, độ ẩm, gió... của thành phố đã chọn.
3. Dự báo thời tiết 5 ngày:
Xem dự báo thời tiết chi tiết cho 5 ngày tiếp theo.
4. Xem chất lượng không khí:
Hiển thị chỉ số chất lượng không khí (AQI) tại vị trí đã chọn.
5. Giao diện trực quan, dễ sử dụng:
Có thanh tìm kiếm, các tab hoặc card hiển thị thông tin rõ ràng.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
HƯỚNG DẪN CHẠY DỰ ÁN WEBSITE DỰ BÁO THỜI TIẾT TRÊN MÁY KHÁC
1. Cài đặt Node.js
- Tải và cài Node.js tại: https://nodejs.org/
- Kiểm tra cài đặt thành công bằng lệnh:
node -v
npm -v
2. Giải nén file .rar (pass giải nén: 123) sau đó mở dự án bằng VS code (Hoặc IDE gì đó miễn là chạy được)
3. Cài đặt thư viện cho backend
- Mở terminal/cmd, di chuyển vào thư mục backend:
cd backend
- Cài đặt các thư viện:
npm install
4. Cài đặt thư viện cho frontend
- Di chuyển vào thư mục frontend:
cd frontend
- Cài đặt các thư viện:
npm install
5. Cấu hình file .env (Lấy Key trong video DEMO)
- Nếu bạn có API key, hãy copy key này và thay vào file .env và server.js trong thư mục backend.
6. Chạy backend
- Trong thư mục backend, chạy lệnh:
node server.js
- Backend sẽ chạy ở cổng (port) mặc định, ví dụ: http://localhost:5000
7. Chạy frontend
- Trong thư mục frontend, chạy lệnh:
npm run start
- Frontend sẽ chạy ở cổng (port) mặc định, ví dụ: http://localhost:3000
8. Mở trình duyệt và truy cập
- Truy cập địa chỉ: http://localhost:3000 để sử dụng website.
Lưu ý:
- Luôn chạy npm install ở cả hai thư mục backend và frontend sau khi copy dự án sang máy mới.
- Nếu gặp lỗi, hãy kiểm tra lại phiên bản Node.js, npm và các file cấu hình.
Chúc bạn chạy dự án thành công! Nếu gặp vấn đề, hãy gửi lỗi cho CHATGPT để được hỗ trợ.
Nguồn: Topcode.vn
