Skip to content

Create an Example Solution for a Weather App #327

@sumn2u

Description

@sumn2u
Image

📝 Description

We need a simple weather app that fetches and displays weather information based on user location or search input.
This project helps practice API fetching, DOM manipulation, and error handling in JavaScript.


🎯 Requirements

  • Allow users to search for weather by city name
  • Display temperature, humidity, wind speed, and weather conditions
  • Fetch data from a public weather API (e.g., OpenWeatherMap API)
  • Ensure a responsive and clean UI

💡 Concepts to Demonstrate

  • Using async/await or Fetch API to get data from an external API
  • Handling JSON responses and parsing weather data
  • DOM manipulation to display weather information dynamically
  • Implementing error handling and providing user feedback

🚀 Bonus Challenge

  • Show weather icons corresponding to current conditions
  • Change background or theme dynamically based on weather
  • Include geolocation-based weather fetching

📦 Deliverables

  • A working example using HTML, CSS, and JavaScript
  • Include a short README or inline comments explaining how your code works
  • Submit your solution as:
    • A pull request in the examples/ folder, or
    • A CodePen, JSFiddle, or GitHub Gist link

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions