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

https://github.com/jlmonteagudo/webplaces

Angular Backoffice. This is the backoffice module of a system developed with Angular, Ionic and Firebase
https://github.com/jlmonteagudo/webplaces

angular firebase ionic

Last synced: 9 months ago
JSON representation

Angular Backoffice. This is the backoffice module of a system developed with Angular, Ionic and Firebase

Awesome Lists containing this project

README

          

# WebPlaces

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. This is the backoffice repository
- An Ionic mobile application. Here you can find the [Ionic app repository](https://github.com/jlmonteagudo/IonicPlaces)

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/WebPlaces`
- Update the Firebase configuration file: `WebPlaces/src/environments/firebase.config.ts`
- Update the Google Maps API KEY in the file: `WebPlaces/src/environments/map.config.ts`
- Install dependencies: `npm install`
- Run application: `ng serve`

## Screenshots

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

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

### Area Edit
![Area Edit](http://www.jlmonteagudo.com/wp-content/uploads/2017/06/areas-edit.png)

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

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

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

### Place Upload Pictures
![Place Upload Pictures](http://www.jlmonteagudo.com/wp-content/uploads/2017/06/places-upload-2.png)