An open API service indexing awesome lists of open source software.

https://github.com/justehmadsaeed/google-maps-store-locator

A Javascript app to locate stores at the Google Maps πŸ”₯
https://github.com/justehmadsaeed/google-maps-store-locator

google-maps google-maps-api hacktoberfest hacktoberfest-accepted javascript js-challenges locator-map

Last synced: about 1 year ago
JSON representation

A Javascript app to locate stores at the Google Maps πŸ”₯

Awesome Lists containing this project

README

          

# Google Maps Store Locator App

- A Javascript Project to build an App to locate stores at the Google Maps
- If the map is not showing... Apologies (the API key might have been disabled LOL)

## Plan Of Action

- βœ” Create Wireframes
- βœ” Set Up the Base HTML Structure
- βœ” Import Google Maps into the Web Page
- βœ” Add the Text Store Locator
- βœ” Add Input Box
- βœ” Add Store List Container
- βœ” Add Individual Store Container
- βœ” Show all the stores in the stores list based on real world data
- βœ” Show the Marker based on real world store data
- βœ” Show the Basic Info Window
- βœ” Complete the styling for the marker info window
- βœ” Open the Info Window marker on store Selection in Stores List
- βœ” Allow the user to search for the stores in a zip code
- βœ” Add a Beautiful Transition on the hover of an Individual Store

## WireFrame

![Google-Map-Challenge](https://user-images.githubusercontent.com/46846821/78717582-428fb600-793a-11ea-844c-02c3f401bb5e.png)

## ScreenShot🎯

![site-screen-template](https://user-images.githubusercontent.com/46846821/79052247-84786f00-7c4e-11ea-8f38-a77af5e56b5c.png)