Summary
- Demo Link: N/A
- GitHub Repo:https://github.com/omarb147/WeatherApp
- Technologies used:
- Current Status: V2.0 - Completed (Not Deployed)
Project Details
Overview
The functionality of this app is very basic, you search for a location by city using the search autocomplete, once selected the 5day weather forecast for the selected location will be shown, along with a background image which should resemble something about the location you have selected. You then have the ability to select any given day within the forecast and a further 4-hourly forecast will be shown for the chosen day. This app uses cookies to store information on the users recently searched locations and show them to the user when they revisit the site.
This weather app uses 3 APIs to create this functionality :
1. Open weather map API - This is used for a basic search of the location
2. Algolia Places API - Provides the data for the location autocomplete functionality
3. Unsplash - Provides a background image of the location you have searched for.
This was one of my first projects, I initially developed it using only React without any Redux and came back a month later to redevelop, adding in Redux and 3 non weather APIs. if you have a look through my commits on github you'll be able to see the 2 different versions.
I found that I relied heavily on Redux to provide a backbone structure to this app, there were so many different areas where data was being moved around, through apis and app interactions, so it was very helpful to have one true source of data (provided by the redux store). I found that this helped massively when scaling, and progressively adding each peice of API functionality.
Challenges and Solutions
TBC
Todos
TBC
Other comments
TBC