Simple weather app using Next.js OpenWeatherMap API, Google Maps API, and Unsplash API.

App Features

• Updating of location to view location weather forecast
• Switch between metric and imperial units
• Autocomplete function for location input
• Background image changes according to location

Demo

Preview

To Do

• "Use My Location" feature
• Storing location data locally
• Probably swap out Unsplash with google location images (images are too unpredictable at the moment)
• Writing tests
• Minor bugs

Component Design

Learnings

• Developing route handlers to manage custom API calls
• Creating custom hooks for data retrieval from our API
• Comprehending the distinction between server and client components
• Becoming more proficient in writing types