Skip to content

Commit c34001c

Browse files
committed
Update readme
1 parent 50ebdc2 commit c34001c

File tree

2 files changed

+30
-21
lines changed

2 files changed

+30
-21
lines changed

README.md

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -10,16 +10,18 @@ View the portfolio live at [billdevcode.github.io](https://billdevcode.github.io
1010

1111
View each individual project directly:
1212

13-
1. **new** JavaScript Data Table - Vanilla JavaScript only [[code](https://github.com/billdevcode/javascript-data-table), [live](https://billdevcode.github.io/projects/javascript-data-table/index.html)]
14-
2. Maps and Locations - JavaScript, jQuery and Google Places API [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/maps-locations), [live](https://billdevcode.github.io/projects/maps-locations/index.html)]
15-
3. Random Quotes - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/random-quotes), [live](https://billdevcode.github.io/projects/random-quotes/index.html)]
16-
4. JavaScript Calculator - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/javascript-calculator), [live](https://billdevcode.github.io/projects/javascript-calculator/index.html)]
17-
5. Pomodoro Clock - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/pomodoro-clock), [live](https://billdevcode.github.io/projects/pomodoro-clock/index.html)]
18-
6. Twitch.tv API - JavaScript, jQuery and Twitch.tv API [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/twitchTV), [live](https://billdevcode.github.io/projects/twitchTV/index.html)]
19-
7. FCC Leaderboard - ReactJS, JavaScript and Free Code Camp API [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/fcc-leaderboard), [live](https://billdevcode.github.io/projects/fcc-leaderboard/index.html)]
20-
8. Wikipedia Viewer - JavaScript, jQuery and Wikipedia API [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/wikipedia-viewer), [live](https://billdevcode.github.io/projects/wikipedia-viewer/index.html)]
21-
9. Tic-Tac-Toe - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/tic-tac-toe), [live](https://billdevcode.github.io/projects/tic-tac-toe/index.html)]
22-
10. Simon Game - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/simon-game), [live](https://billdevcode.github.io/projects/simon-game/index.html)]
13+
#### GitHub Followers - React, GitHub API [code](https://github.com/billdevcode/github-followers), [live](https://github-followers-avatar.herokuapp.com/)
14+
#### Hero Layout - React [code](https://github.com/billdevcode/hero-layout), [live](https://hero-layout.herokuapp.com/)
15+
#### JavaScript Data Table - Vanilla JavaScript only [[code](https://github.com/billdevcode/javascript-data-table), [live](https://billdevcode.github.io/projects/javascript-data-table/index.html)]
16+
#### Maps and Locations - JavaScript, jQuery and Google Places API [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/maps-locations), [live](https://billdevcode.github.io/projects/maps-locations/index.html)]
17+
#### Random Quotes - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/random-quotes), [live](https://billdevcode.github.io/projects/random-quotes/index.html)]
18+
#### JavaScript Calculator - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/javascript-calculator), [live](https://billdevcode.github.io/projects/javascript-calculator/index.html)]
19+
#### Pomodoro Clock - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/pomodoro-clock), [live](https://billdevcode.github.io/projects/pomodoro-clock/index.html)]
20+
#### Twitch.tv API - JavaScript, jQuery and Twitch.tv API [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/twitchTV), [live](https://billdevcode.github.io/projects/twitchTV/index.html)]
21+
#### FCC Leaderboard - ReactJS, JavaScript and Free Code Camp API [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/fcc-leaderboard), [live](https://billdevcode.github.io/projects/fcc-leaderboard/index.html)]
22+
#### Wikipedia Viewer - JavaScript, jQuery and Wikipedia API [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/wikipedia-viewer), [live](https://billdevcode.github.io/projects/wikipedia-viewer/index.html)]
23+
#### Tic-Tac-Toe - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/tic-tac-toe), [live](https://billdevcode.github.io/projects/tic-tac-toe/index.html)]
24+
#### Simon Game - JavaScript, jQuery [[code](https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/simon-game), [live](https://billdevcode.github.io/projects/simon-game/index.html)]
2325

2426
## License
2527

projects/maps-locations/README.md

Lines changed: 18 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,24 @@
1-
# Using Google Places API
1+
# Google Places API
22

3-
An app used to search for places around you. It's built using JavaScript, jQuery and Google Places API.
3+
An app used to search for places around you. Built using JavaScript, jQuery and Google Places API.
4+
5+
## Project Details
6+
- Google Places API
7+
- Autocomplete
8+
- Cache search results to avoid unnecessary API requests
9+
- Map auto centers to places
10+
11+
## Instructions
412

513
1. Start off by searching for something
6-
2. Google autocomplete will provide some suggestions
7-
3. Press the `return` button or click `search`
8-
4. Google Places will create markers showing you the search results
9-
5. The side nav will pop open and list all search results
10-
6. Search for something new with the side nav search box
11-
7. Or close the side nav and use the main search box
12-
8. If screen is less than 500px, the side nav will not open
13-
14-
## Usage
14+
2. Press **_return_** or click **_search_**
15+
3. Google Places will create markers showing the search results
16+
4. The sidebar will pop open and with the search results
17+
5. Search for something new with the sidebar search box
18+
6. Or close the sidebar and use the main search box
19+
7. If screen is less than 500px, the sidebar will not open
20+
21+
## Live Site
1522

1623
View the app live at [maps-locations](https://billdevcode.github.io/projects/maps-locations/index.html)
1724

0 commit comments

Comments
 (0)