GoShip
How It WorksChallengesPricingEmployers
Sign InGet Started
0developers
0companies
0assessments scored
How It Works
|Pricing
|Challenges
|Employers
|Privacy
|Terms
GoShip© 2026
Get updates
Twitter·GitHub
Systems nominal
BUILDJUNIOR

Build a Weather Dashboard

45 minutes
0 completed
reactapi-integrationfrontendresponsive

Description

Build a Weather Dashboard

Build a weather dashboard that displays current conditions and forecasts for any city.

Requirements

  • Search for any city by name
  • Display current temperature, humidity, wind speed, and conditions
  • Show a 5-day forecast with daily highs and lows
  • Display weather icons that match current conditions
  • Save favorite cities for quick access
  • Responsive design for mobile and desktop

    • API

    Use any free weather API (OpenWeatherMap, WeatherAPI, etc.). You can use a free API key or mock the data.

    Bonus Points

  • Geolocation to detect user's current city
  • Animated weather backgrounds
  • Temperature unit toggle (Celsius/Fahrenheit)

    • You will be guided through MCP setup before the timer starts