I've upgraded an older weather dashboard I created with this new weather dashboard. This was created using react for a much more seamless and simple user experience. Headlining the differences would be it's polished and clean UI.When you are done typing in a city just hit enter and your results will appear. You get the current time in that city whether it be yours or across the globe, as well as current weather conditions including temperature to atmospheric pressure. That's not all, it also includes a future 5 day forecast of high and low temperatures. The responsiveness of React.js grid and flex component experience makes it easy on any user device. I've also added in a dark and light mode toggle for an enhanced user experience based on what they prefer. Once the city is searched it will save that into a drop down titled ' recent searches' storing a maximum of 5 cities.
View the repository for the previous weather dashboard here
To use this application simply type in the city you are searching for into the user input bar. This will brng up the current forecast of the desired city, the 5 day forecast, and also save the searched city into recent searches using localStorage.
Full-Screen (Light-Mode)
Full-Screen (Dark-Mode)
Recent-Searches-Dropdown
Created for Responsiveness
This site was deployed via Heroku, to view the deployed site click the link below
Special thanks to:
The software license selected for this application is as follows:
Massachusetts Institute of Technology License
If you have any additional questions you can contact me by using the following:
Github Profile: Goobergreve09
Email Address: gregory.greve@yahoo.com