A beginner-friendly weather forecast application built using HTML, CSS, and JavaScript, powered by a public Weather API. This project is part of my personal learning journey to understand API integration, DOM manipulation, and responsive UI design.
🔗 Live Preview: weatherll.netlify.app
- 🔍 Search weather by city name
- 🌡️ Display temperature, humidity, and conditions
- 🌬️ Show wind speed and weather icons
- 📱 Responsive design for mobile and desktop
- ⚡ Real-time data fetched from Weather API
| Layer | Technology |
|---|---|
| Frontend | HTML, CSS |
| Logic | JavaScript |
| API Source | OpenWeatherMap or similar |
| Deployment | Netlify |
# Clone the repository
git clone https://github.com/ram-bhagat-thakur/Weather-API-App.git
cd Weather-API-App
# Open index.html in your browserWeather-API-App/
├── index.html # Main HTML file
├── style.css # Styling for the app
├── script.js # JavaScript logic and API calls
├── package.json # Project metadata (optional)
├── package-lock.json # Dependency lock file (optional)
└── README.md # Project documentation
- 🌐 Learned how to fetch and display data from a public API
- 🧩 Practiced DOM manipulation and event handling
- 🎨 Improved UI styling and layout using CSS
- 🚀 Deployed a static site using Netlify
- 📚 Strengthened understanding of asynchronous JavaScript
This project was created as part of my self-guided learning in frontend development and API integration.
Thanks to the open-source community and documentation that helped me build and deploy this app.
This project is open-source and available under the MIT License.