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

https://github.com/jlmonteagudo/ionicplaces

Ionic Starter Kit. This is the mobile module of a system developed with Angular, Ionic and Firebase
https://github.com/jlmonteagudo/ionicplaces

angular firebase ionic

Last synced: 4 months ago
JSON representation

Ionic Starter Kit. This is the mobile module of a system developed with Angular, Ionic and Firebase

Awesome Lists containing this project

README

          

# IonicPlaces

When we have to develop a mobile application, in many cases we also need to develop a backoffice to manage the information that is displayed in the mobile app.

The following system is composed by two modules:
- An Angular backoffice to manage the information that is displayed in the mobile application. Here you can find the [Angular backoffice repository](https://github.com/jlmonteagudo/WebPlaces)
- An Ionic mobile application. This is the Ionic application

You can get more information about this [SAMPLE APP DEVELOPED WITH ANGULAR, IONIC AND FIREBASE](http://www.jlmonteagudo.com/app/places/).

Firebase has been used as backend.

## Running the application

- Clone this repository: `git clone https://github.com/jlmonteagudo/IonicPlaces`
- Update the Firebase configuration file: `IonicPlaces/src/config/firebase.config.ts`
- Update the Google Maps API KEY in the file: `IonicPlaces/src/index.html`
- Install dependencies: `npm install`
- Run application: `ionic serve`

## DEMO

You can see working the mobile app in the following [DEMO](http://www.dondeviajamos.com/app/tabernas-madrid/)

## Screenshots

### Areas List
![Areas List](http://www.jlmonteagudo.com/wp-content/uploads/2017/06/areas-list-1.png)

### Places List
![Places List](http://www.jlmonteagudo.com/wp-content/uploads/2017/06/places-list-1.png)

### Map
![Map](http://www.jlmonteagudo.com/wp-content/uploads/2017/06/places-map.png)

### Place Show
![Place Show](http://www.jlmonteagudo.com/wp-content/uploads/2017/06/place-show.png)