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

https://github.com/codenameyau/mean-phonebook

Phonebook app with angular-fullstack
https://github.com/codenameyau/mean-phonebook

Last synced: over 1 year ago
JSON representation

Phonebook app with angular-fullstack

Awesome Lists containing this project

README

          

mean-phonebook
==============

MEAN-Phonebook is a minimal CRUD application built using the angular-fullstack.

[Click here](https://bitbucket.org/accountname/angular-blog) to view a
project that uses Flask and SQLAlchemy for the back-end and Angular for the front-end.

###Live Demo
[Deployed on Heroku](https://mean-phonebook.herokuapp.com/)

###Project File Structure
* Angular files in: `app/scripts/`
* Express API in: `lib/`

###Development Setup
1. Clone this repository
2. Run: `npm install && bower install`
3. Serve: `grunt serve`

###Deploying angular-fullstack App on Heroku
1. Create an account with a Sandbox Database on [MongoHQ](http://www.mongohq.com/pricing/)

2. After you create a database, create a mongoDB user in `Admin -> Overview -> Users`

3. You'll need the `Mongo URI` in `Admin -> Overview -> Connection Strings` later

4. In your root project directory, run:

`yo angular-fullstack:deploy heroku`

5. That command will generate a `dist` folder for production, then:

`cd dist/`

6. In your `dist/` files, open `lib/config/env/production.js`

7. Change the line `'mongodb://localhost/fullstack-dev'` to the `Mongo URI` from step 3

8. Make sure to change `` and `` in `Mongo URI`

9. Commit and push your changes to heroku

```
git add --all
git commit -m "Deploying..."
git push heroku master
```

10. In your terminal, there should be a prompt saying ` deployed to Heroku`