Project Overview
This Weather Application is my first API integration project, developed to understand how third-party APIs work in real-world web applications. The project retrieves real-time weather information using the OpenWeatherMap API and dynamically displays the data through a custom-built interface.
Unlike using a framework or template, the entire frontend was handwritten using HTML, CSS, JavaScript, and PHP. ChatGPT was used only to understand the API connection process, while the application logic, UI implementation, and project structure were developed independently.
Before integrating the API into the website, I tested all API endpoints using Postman to understand request methods, response structures, status codes, and JSON data handling. This helped ensure accurate API integration and proper error handling.
Key Features
- Real-time weather information for any city worldwide
- Dynamic API integration using OpenWeatherMap
- API testing and validation using Postman
- Clean, responsive custom UI
- Displays temperature, humidity, wind speed, and weather conditions
- Handles invalid city searches gracefully
- Lightweight project built for learning REST API integration
Technologies Used
- PHP
- HTML5
- CSS3
- JavaScript
- OpenWeatherMap API
- REST API
- JSON
- Postman
Purpose
This project was created for learning and in-house study purposes. It demonstrates my understanding of REST API integration, JSON data processing, API testing, and dynamically rendering external data in a custom web application. The application uses the free OpenWeatherMap API plan, which supports a limited number of monthly requests, making it suitable for educational and portfolio purposes.