🌟 Introduction
Have you ever wanted to know the weather of any city in the world—instantly? In this blog post, I’ll walk you through how I built a simple Weather App using React and the OpenWeather API.
Whether you're new to APIs or React, this project is beginner-friendly and a great way to understand how frontend apps can interact with external data sources.
🛠️ Tech Stack
React (built with Vite for fast setup)
Axios for API requests
Tailwind CSS for styling (you can also use plain CSS)
OpenWeatherMap API for weather data
🧩 What the App Does
User enters a city name.
App fetches current weather data using OpenWeather API.
Shows temperature, humidity, weather condition, and city name.
📸 Preview of the App
🚀 GitHub Repository
👉 https://github.com/Sanket-Kumar-Das/live-weather-tracker
💡 What I Learned
How to make API calls in React using Axios
How to handle state and user input
How to read API docs (especially OpenWeatherMap)
Styling a basic UI with Tailwind CSS
🤝 Conclusion
Building this weather app was a fun way to learn how frontend and APIs work together. I’m excited to build more projects like this and share what I learn along the way!
Have questions or want to collaborate? Feel free to drop a comment below or connect with me here 😊
