Tech Stack Used in the Weather App

Tech Stack Used

This weather app is built using a modern web development stack that’s beginner-friendly and widely used in the industry. Here's a quick overview of what technologies we use and why:

  1. ReactJS: React allows us to break the UI into reusable components and manage state using hooks like useState and useEffect.
  2. JavaScript (ES6): JavaScript powers all the logic behind the scenes. Features like arrow functions, async/await, and fetch are used to build dynamic behavior.
  3. HTML and CSS: HTML structures the app's content, while CSS styles it. We use custom fonts, a dark background, and animations to make the app visually appealing.
  4. OpenWeatherMap API: We use this free API to fetch real-time weather data based on the city name entered by the user. It returns the current temperature, weather condition, and other useful information in JSON format.
  5. Node.js and npm: These provide the underlying environment to run our app locally and install dependencies like React.

Netlify: We use Netlify to deploy our app online with just a simple drag and drop. It’s one of the easiest deployment platforms for beginners.