• Stars
    star
    139
  • Rank 262,954 (Top 6 %)
  • Language
    JavaScript
  • Created over 11 years ago
  • Updated almost 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Noterio.us - AngularJS Note Board

Noterious

Noterious

Welcome to the Noterious app. It is built using AngularJS with Firebase as the backend. If you would like to see it in action, visit http://noterio.us; if you want to run it locally, read on!

Prerequisites

Before you start, you will need:

Get the Code

Now go ahead and download the code.

git clone https://github.com/simpulton/noterious.git
cd noterious

Setting up Firebase

To start off, you will need to set up an account with Firebase:

  • Navigate to firebase.com and click Sign Up
  • Create an app (named whatever you want)
  • Click on your new app's URL
  • Navigate to the Login & Auth section of your dashboard and check the Enable Email & Password Authentication checkbox.
  • Navigate to the data tab and then copy the URL from your address bar. It should have the form of https://<your-app-name>.firebaseio.com.
  • Open the src/app/noterious.js file and replace the ENDPOINT_URI constant with the URL you copied. MAKE SURE there is a trailing slash at the end of the URL.
  • Open the src/app/common/services/auth-service.js and modify config according to the template you can find on https://console.firebase.google.com/project/<your-app-name>/settings/general/ clicking Add Firebase to your web app button

Run the App

Next, you need to install all of your dependencies.

npm install

And install and run the serve package so you can build the app.

npm install -g serve
serve src/

Navigate to http://localhost:3000 and view the gloriousness that is Noterious!

Testing

Noterious uses Gulp for running tests. You can start a TDD workflow with gulp tdd.

Note: you must have Gulp CLI installed in order to run the tests with gulp. If you do not have it installed globally, run npm install -g gulp-cli or use the method below.

If you prefer to use the local installation of gulp managed by npm, you can start the TDD workflow with

node ./node_modules/gulp/bin/gulp.js tdd

For continuous integration, you can execute tests with gulp test or npm test.

More Repositories

1

angular-dynamic-templates

Illustrates how to use dynamic templates via a directive.
CSS
237
star
2

angularjs-collab-board

A collaboration board using AngularJS and Socket.io.
JavaScript
154
star
3

angular2-website-routes

A simple Angular 2 website example using routes
TypeScript
103
star
4

angular-photo-slider

An AngularJS photo slider built using AngularJS animate and Greensock.
JavaScript
93
star
5

angular-chosen

This project shows the integration of AngularJS and the Chosen plugin.
JavaScript
66
star
6

angularjs-wizard

An AngularJS wizard using the ng-animate directive.
CSS
66
star
7

eggly-es6

A bookmark manager built with Angular 1.x, ES6, Gulp, and Webpack.
JavaScript
57
star
8

angular-website-routes

A simple website example using routes.
JavaScript
48
star
9

angular-sticky-notes

A sticky notes application made with AngularJS.
JavaScript
46
star
10

angularjs-greensock-site

Full page website using AngularJS ng-animate and Greensock GSAP.
JavaScript
42
star
11

simple-rest-website

JavaScript
33
star
12

angularjs-greensock-slideshow

Full page slideshow built in AngularJS and Greensock.
JavaScript
27
star
13

eggly-redux

A bookmark manager built with ES6 using the redux pattern.
JavaScript
22
star
14

angularjs-leaderboard-firebase

A realtime leaderboard using AngularJS and Firebase.
HTML
17
star
15

eggly

AngularJS bookmark manager.
JavaScript
16
star
16

simple-rest-api

JavaScript
15
star
17

eggly-ionic

A simple bookmark app built for mobile.
JavaScript
12
star
18

angular2-patterns-in-angular1

11
star
19

angularjs-leader-board

JavaScript
11
star
20

angularjs-pricing-menu

A pricing menu using AngularJS and Firebase
JavaScript
11
star
21

angular-firebase-event-bus

Using Firebase as an event bus in an Angular application.
JavaScript
11
star
22

angularjs-mailchimp-signup

This is version of the amazing MailChimp signup form built with AngularJS.
JavaScript
11
star
23

angular-album

This is the sample project for building a photo album with AngularJS
JavaScript
10
star
24

falafel-manager

A falafel kiosk manager build with AngularJS and Firebase for ngConf Israel.
JavaScript
7
star
25

angular-movie

An app for movie details built on AngularJS.
JavaScript
7
star
26

angularjs-filters-paleo

Fun with AngularJS Filters - Paleo Edition
JavaScript
7
star
27

angularjs-timeline-button

An example of how to create a button with a smooth rollover and rollout transition using Greensock's TimelineLite.
JavaScript
6
star
28

angello-node-api

Node API for Angello.
JavaScript
6
star
29

dashing

Angular 1.5 dashboard using component driven architecture
JavaScript
5
star
30

angular2-rest-app

A simple rest app built with Angular 2
TypeScript
5
star
31

angularjs-animation-workshop

The repository for my animations workshop using AngularJS.
JavaScript
5
star
32

angularjs-greensock-timeline

An AngularJS slideshow using the Greensock timeline.
JavaScript
4
star
33

viewnicorn

A realtime unicorn sighting tracker build with AngularJS and Firebase
JavaScript
4
star
34

angular-designers

This is a series of simple examples to illustrate how to convert jQuery code into AngularJS.
JavaScript
3
star
35

angular-registration

Demo for Angular Material Design and new Angular 1.3 form operations.
JavaScript
3
star
36

redux-rest-app

A simple app demonstrating CRUD and HTTP with Angular 1.x, Redux, Webpack, Gulp, and ES6.
JavaScript
3
star
37

angular-dialog-service

An AngularJS service that handles creating and destroying a dialog.
2
star
38

eggly-angular2

Eggly in Angular 2
TypeScript
2
star
39

angularjs-greensock-master-presenter

A full page slideshow that uses Firebase to enable realtime master presenter capabilities.
JavaScript
2
star
40

angello-ng6

AngularJS Storyboard.
JavaScript
2
star
41

hello-react

TypeScript
1
star
42

angularjs-strangeloop-slides

The slides for the AngularJS Strange Loop workshops.
JavaScript
1
star
43

venturplex

VenturPlex Main Site
JavaScript
1
star