|
2 | 2 |
|
3 | 3 | I created an app that displays the weather information for the city you search for in charts and shows the location on Google Maps.
|
4 | 4 |
|
5 |
| -#I used React, Redux to manage state, Bootstrap, the openweathermap and Google maps APIs, as well as Sparklines to display the charts for the 5 day weather forecast for temperature, pressure and humidity. |
| 5 | +I used React, Redux to manage state, Bootstrap, the openweathermap and Google maps APIs, as well as Sparklines to display the charts for the 5 day weather forecast for temperature, pressure and humidity. |
6 | 6 |
|
7 |
| -#To run the app clone the repository then navigate to the path where it is saved using the console/terminal and type npm install and press enter then type npm start and press enter. |
| 7 | +To run the app clone the repository then navigate to the path where it is saved using the console/terminal and type npm install and press enter then type npm start and press enter. |
8 | 8 |
|
9 |
| -#Then open your browser and enter the URL "http://localhost:8080/" in the address bar. |
| 9 | +Then open your browser and enter the URL "http://localhost:8080/" in the address bar. |
10 | 10 |
|
11 |
| -#This screenshot shows how the site looks when just loaded with no search term. |
| 11 | +This screenshot shows how the site looks when just loaded with no search term. |
12 | 12 | <img src="images/screenshot before search term has been entered.png">
|
13 | 13 |
|
14 |
| -#This screenshot shows how the site looks when the first search term is entered with charts and maps displayed. |
| 14 | +This screenshot shows how the site looks when the first search term is entered with charts and maps displayed. |
15 | 15 | <img src="images/screenshot when New York was entered as a search term.png">
|
16 | 16 |
|
17 |
| -#This screenshot shows how the site looks when the second search term is entered with charts and maps displayed. |
| 17 | +This screenshot shows how the site looks when the second search term is entered with charts and maps displayed. |
18 | 18 | <img src="images/screenshot when 2nd search term is entered Las Vegas.png">
|
19 | 19 |
|
20 |
| -#This screenshot shows how the site looks when the third search term is entered with charts and maps displayed. |
| 20 | +This screenshot shows how the site looks when the third search term is entered with charts and maps displayed. |
21 | 21 | <img src="images/screenshot when 3rd search term was entered California.png">
|
22 | 22 |
|
23 |
| -#This screenshot shows Google Maps satellite view is working correctly. |
| 23 | +This screenshot shows Google Maps satellite view is working correctly. |
24 | 24 | <img src="images/screenshot showing satellite view is working on maps.png">
|
25 | 25 |
|
26 |
| -#This screenshot is a second image showing Google Maps satellite view is working correctly. |
| 26 | +This screenshot is a second image showing Google Maps satellite view is working correctly. |
27 | 27 | <img src="images/2nd screenshot showing satellite view working in maps.png">
|
0 commit comments