Turn on your location detection settings and check out places near you to check in! Search for places near you based on 5 categories, viz. Fun, Education, Event, Food & Nightlife. Alternatively, view all the categories together by selective 'All'. Tap on a map pin to view more details about the location, along wtih an photo of the location. The weather information of that particular location is displayed, since it may not be the same at all the locations at all the time! You can also view few other details like how far it is from you current location and the address of the location. Use the hamburger menu to expand/ collpase the list of all locations. To find a particular location by name instead, use the search field. It will suggest names of locations based on the pins being displayed on the map. As you keep typing in a query, the results which are a match will only be displayed both on the map and the results list section.
Click here to view the project live!
- Download the repository on your local machine.
- Use command line to install
gulp& other dependencies as mentioned inpackage.json, and then build the project by running thegulptask. - Host the 'app' folder using a local server. Allow the website the access location and navigate as desired for the complete experience.
- Cache the JSON responses in localstorage so that the data isn't everytime the user changes the filter.
- Cache weather information for about 15-20 minutes so a new request isn't fired everytime the user views a location's details.
- Google Maps API, along with the places library to retrieve location images.
- Open Weather Map API for weather information.
- Hamburger menu animation.
- Foursquare AP, to retrieve list of nearby locations based on user's current location.