# Dine Out           

## Introduction

Dine Out helps you to find a nearby place to party/dine at or order from. You can
sort the places by 14 different categories and view their location and other info
on google maps.         
Dine Out uses google maps api and zomato api to retrieve the desired restaurants info
from zomato's database and display them on the google maps. The user interface is
responsive and intuitive to use. The map also has a button to switch between dark and
normal mode.                
Users can search for the places in a specific location by entering an address in the
sidebar, and then they can also search among the retrieved places in the sidebar.        
Clicking on a marker on the map opens up an info window with ratings, pictures,
address and other info.

## Instructions

* Source code is in  the `src` directory.
* Final production code is in the `dist` directory.
* To build the production code run `gulp useref`.

## Screenshots


![Desktop](https://github.com/manas94gupta/Dine-Out/blob/master/screenshots/desktop.JPG)                  
![Mobile](https://github.com/manas94gupta/Dine-Out/blob/master/screenshots/mobile.JPG)

## Resources Used

* [Google Maps API](https://developers.google.com/maps/documentation/javascript/tutorial)
* [Zomato API](https://developers.zomato.com/api)
* [Knockout JS](http://knockoutjs.com/documentation/introduction.html)

# Dine Out           

## Introduction

Dine Out helps you to find a nearby place to party/dine at or order from. You can
sort the places by 14 different categories and view their location and other info
on google maps.         
Dine Out uses google maps api and zomato api to retrieve the desired restaurants info
from zomato's database and display them on the google maps. The user interface is
responsive and intuitive to use. The map also has a button to switch between dark and
normal mode.                
Users can search for the places in a specific location by entering an address in the
sidebar, and then they can also search among the retrieved places in the sidebar.        
Clicking on a marker on the map opens up an info window with ratings, pictures,
address and other info.            
You can view the site [here](https://manas94gupta.github.io/Dine-Out/src/).

## Instructions

* Source code is in  the `src` directory.
* Final production code is in the `dist` directory.
* To build the production code run `gulp useref`.

## Screenshots


![Desktop](https://github.com/manas94gupta/Dine-Out/blob/master/screenshots/desktop.JPG)                  
![Mobile](https://github.com/manas94gupta/Dine-Out/blob/master/screenshots/mobile.JPG)

## Resources Used

* [Google Maps API](https://developers.google.com/maps/documentation/javascript/tutorial)
* [Zomato API](https://developers.zomato.com/api)
* [Knockout JS](http://knockoutjs.com/documentation/introduction.html)

Add site link to readme
Add site link to readme
