The Weather App🚀

A weather map made with Flutter and a design provided by heyflutter.com as a coding challenge. For quick installation check releases - the Android apk will be attached to it.

Features

Get the current location.
Show the current weather based on the location.
Show the weather forecast for the next 4 days.
Search for different locations i.e. cities and save them.
Let the user choose custom images for their chosen location.
Show the current weather and forecast for that location.
Search from the saved location.
Let the user update the location background.
Deleting a saved location.

Screen Recordings

output.mp4

If the video is not playing, try to download and run it locally.

Known Issues/Bugs

Duplicate location can be added by the user if the image is different.
The Current location was saved twice.
Adding a new location does not appear immediately on the drawer.
No error messages were shown to the user.
Image searching sometimes gets stuck in the loading state.
The codebase is super messy and deliberately needs a refactor.

Possible Enhancements

UX improvements on the add location screen.
Better loading indicators while weather information is fetched - like skeleton animations.
The initial loading screen.

Build Instructions

I have only tested the app on Browser and Android platforms only. So, it might not behave properly on other platforms. To Build the APK from this repo follow the below instructions:

Clone this repo: git clone https://github.com/akbng/heyflutter-challenge-ii.git && cd heyflutter-challenge-ii
Get the API key from Weather API for weather information
Create a new project and copy the client ID from Unsplash.com for image searching.
Create a .env file in the root of the project directory and save the API keys with the following name:
UNSPLASH_CLIENT_ID & WEATHER_API_KEY
Or paste the following in the terminal:

echo 'WEATHER_API_KEY=<PASTE_YOUR_KEY' >> .env
echo 'UNSPLASH_CLIENT_ID=<PASTE_YOUR_KEY' >> .env