Hero Background

Weather App

Overview

A cute, lightweight weather app built as part of the SheCodes Frontend Self-Study course. It fetches real-time weather data for any city using the SheCodes Weather API and presents it through a clean, friendly interface.


My Role: Frontend Developer


Tools Used: HTML · CSS · JavaScript · SheCodes Weather API

Highlights

  • Integrated the SheCodes Weather API to fetch live temperature, humidity, wind speed, and weather conditions.
  • Designed a cute, minimal interface that stays clean and readable across all devices.
  • Built responsive layouts that adapt smoothly to mobile, tablet, and desktop screens.
  • Added a fast city search feature with real-time UI updates.
  • Developed this project as part of the SheCodes frontend curriculum to strengthen API, DOM, and JavaScript skills.

Tech Stack

  • HTML5 for structure and accessibility
  • CSS3 for layout, responsiveness, and UI styling
  • Vanilla JavaScript for logic, API calls, and DOM updates
  • SheCodes Weather API for real-time weather data
  • Netlify for deployment and hosting

Live Preview