https://github.com/markbrown4/gmail-angular

An Angular tutorial - building a Gmail clone.
https://github.com/markbrown4/gmail-angular

Last synced: about 2 months ago
JSON representation

An Angular tutorial - building a Gmail clone.

• Host: GitHub
• URL: https://github.com/markbrown4/gmail-angular
• Owner: markbrown4
• Created: 2014-08-29T03:59:06.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-04-06T23:56:21.000Z (almost 9 years ago)
• Last Synced: 2023-03-26T17:13:21.155Z (almost 2 years ago)
• Language: CSS
• Homepage:
• Size: 129 KB
• Stars: 23
• Watchers: 4
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# nGmail

What better example of a rich client-side application than Gmail, the iconic web app that started it all.

In this tutorial we'll explain all of the important components of Angular - Modules, Controllers, Scopes, Directives, Services and Filters whilst building out a Gmail clone.  No prior knowledge of Angular is necessary.

[Screencast](http://youtu.be/1P2lPfJejek) - Bump up the quality to 720p for better viewing.

### Prerequisites

You'll need npm installed and an intermediate knowledge of JavaScript and a tolerance or love of CoffeeScript.

## Install

```bash

git clone https://github.com/markbrown4/gmail-angular

cd gmail-angular

git checkout origin/start

npm start

```

In a separate process watch our assets for changes

```bash

npm run assets

```

Hit [http://localhost:8000/](http://localhost:8000/) in your favourite browser and you should see a bunch of familiar Gmail elements on the screen - you'll be bringing that static page to life and responding to events, just like Pinocchio.

If you're not familiar with Bower, it simply downloads the dependencies listed in bower.json into the bower_components/ directory.  These are already included in scripts at the bottom of index.html

```html

...