Weather Web Application

☁️ Project Overview

Weather App Web Application is a frontend-only web project focused on comparing JavaScript and TypeScript development through a weather forecast demo.
The app features a responsive UI with live weather data, dynamic search, and clean design using TailwindCSS.

This project not only provides a practical example of weather API integration but also showcases the benefits of using TypeScript for better developer experience, scalability, and code safety.

🛠 Technologies Used

• ReactJS
• TypeScript & JavaScript (in separate folders for comparison)
• TailwindCSS for styling
• Fetch API for data communication

🌟 Key Features

• Search for any city to get real-time weather updates
• Weather tiles displaying temperature, wind speed, humidity, etc.
• JavaScript and TypeScript versions of the same application for side-by-side comparison
• Environment-based API key configuration
• Fully responsive and minimalistic UI

💻 What I Did

• Developed two separate versions of the weather app (JavaScript and TypeScript)
• Integrated a weather API using Fetch and handled asynchronous responses
• Designed responsive layout using TailwindCSS
• Created reusable components for forecast details
• Demonstrated TypeScript's advantages through real-world usage and type safety

📚 What I Learned

• Transitioning a React project from JavaScript to TypeScript
• How TypeScript improves code maintainability and reduces runtime errors
• Environmental variable configuration for secure API usage
• Efficient styling using utility-first CSS (Tailwind)
• Better understanding of component structure, state, and props in strongly typed React apps