https://github.com/ultimatecourses/ultimate-angular-master-seed
Seed project for the "Ultimate Angular 1.x Pro" course.
https://github.com/ultimatecourses/ultimate-angular-master-seed
Last synced: 8 days ago
JSON representation
Seed project for the "Ultimate Angular 1.x Pro" course.
- Host: GitHub
- URL: https://github.com/ultimatecourses/ultimate-angular-master-seed
- Owner: ultimatecourses
- Created: 2016-08-21T14:52:50.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2020-02-08T09:48:39.000Z (over 6 years ago)
- Last Synced: 2023-10-20T23:35:42.141Z (over 2 years ago)
- Language: JavaScript
- Homepage: https://ultimatecourses.com
- Size: 303 KB
- Stars: 73
- Watchers: 11
- Forks: 141
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ultimate Angular: Pro App
> This repo serves as the seed project for the Ultimate Angular 1.x Pro course as well as the final solution in a separate branch, come and [learn advanced Angular](https://ultimatecourses.com/learn/angularjs-pro) 1.5 architecture and components!
[Setup and install](#setup-and-install) |
[Tasks](#tasks) |
[Firebase Rules](#firebase-rules) |
[Resources](#resources)
----
## Live demo of app
[Here's the app](https://contacts-manager-e486f.firebaseapp.com) you're about to build, check it out! Create a user or login to get started with the contacts manager.
## Setup and install
Fork this repo from inside GitHub so you can commit directly to your account, or simply download the `.zip` bundle with the contents inside.
#### Dependency installation
During the time building this project, you'll need development dependencies of which run on Node.js, follow the steps below for setting everything up (if you have some of these already, skip to the next step where appropriate):
1. Download and install [Node.js here](https://nodejs.org/en/download/) for Windows or for Mac.
2. Install Firebase CLI on the command-line with `npm install -g firebase-tools`
3. Install Gulp CLI on the command-line with `npm install -g gulp`
That's about it for tooling you'll need to run the project, let's move onto the project install.
#### Project installation and server
Now you've pulled down the repo and have everything setup, you'll need to `cd` into the directory that you cloned the repo into and run some quick tasks:
```
cd
npm install
```
This will then setup all the development and production dependencies we need.
Now simply run this to boot up the server:
```
npm start
```
Everything you do will be inside of `/src`, and everything is compiled and outputted inside `/dist`, this is the same for both local development and deployment.
## Tasks
A quick reminder of all tasks available:
#### Running the local server
```
npm start
```
#### Running the tests
```
npm test
```
#### Deploying to Firebase
You'll need to ensure you're logged into Firebase first (if you are prompted, otherwise skip to next step):
```
firebase login
```
To deploy:
```
npm run deploy
```
This will then use the `gulpfile.babel.js` tasks to build the project and deploy it all fully minified to your Firebase account. You'll then be shown the full URL of your project in the terminal for viewing your live app!
## Firebase rules
You can copy and paste this into your `database.rules.json` file generated by Firebase:
```json
{
"rules": {
".read": true,
"contacts": {
"$uid": {
".read": "$uid === auth.uid",
".write": "$uid === auth.uid"
}
}
}
}
```
## Resources
There are several resources used inside this project, of which you can read further about to dive deeper or understand in more detail what they are:
* [Firebase Docs](https://firebase.google.com/docs/)
* [Firebase CLI](https://firebase.google.com/docs/cli/)
* [AngularFire Repo/Docs](https://github.com/firebase/angularfire)
* [npm](https://www.npmjs.com/)
* [Gulp.js](http://gulpjs.com)
* [ui-router](https://github.com/angular-ui/ui-router)
* [ngAnnotate](https://github.com/olov/ng-annotate)
* [ngTemplateCache](https://github.com/miickel/gulp-angular-templatecache)