Simple Weather App

Year

2022

Tech & Technique

ReactJS, JavaScript (ES6+), CSS Modules, Fetch API, Responsive Design, OpenWeatherMap API, WeatherAPI.com

Description

A personal project that provides real‑time weather information for any location. Built with ReactJS, this app features a search field to look up cities and displays current weather data fetched from multiple APIs.

Key Features:

🌤️ City Search: Lookup weather by city name with autocomplete suggestions
📊 Data Mapping: Display temperature, humidity, wind speed, and conditions
🔄 Multiple API Integration: Combined data from OpenWeatherMap and WeatherAPI
📍 Geolocation Fallback: Use browser location if no search query provided
📱 Responsive UI: Optimized for desktop, tablet, and mobile screens

My Role

Solo Developer
Led the entire frontend build:

🎨 Designed and implemented UI components in ReactJS
🔗 Integrated Fetch API calls to multiple weather service endpoints
📐 Styled layouts with CSS Modules and ensured full responsiveness
🛠️ Handled loading/error states and optimized API requests
🐛 Debugged and tested across browsers for consistent behavior