A notes application built with AngularJS using Firebase for the backend. Angular Material (an implementeation Google's Material Design Specification) was used for the frontend user interface.
The following demos display how the application can be hosted on static servers without any databases.
-
View Demo »
(Amazon S3 Hosting) -
View Demo »
(GitHub Pages Hosting)
##Overview
This application works responsively on both mobile and desktop browsers. It encrypts user notes and saves them them to reference objects using the Firebase API. Users are also managed through Firebase with their simple Email & Password Authentication feature.
This application is currently in beta. As new features are completed, they will be listed here. At the moment, you can add, edit and delete notes. I also added an export feature which exports the application data to json. This feature was essential, since the data schema has been in a constant flux during development.
There is a simple search feature if you have a lot of notes. The search feature currently only searches by note name. Below is a code snippet of the simple search logic.
$scope.hide = function(note){
if($scope.search){
var regexp = new RegExp($scope.search, 'gi');
return !regexp.test(note.name);
}
return false;
};Dependencies are managed via bower. Here is a list of the main dependencies:
- angular 1.5.0
- firebase 2.2.1
- crypto-js 3.1.12
- angular-material 1.0.5
- angular-material-icons 0.6.0
- jquery 1.12.0
- moment 2.11.1
- underscore 1.8.3
Use the following commands to install all dependancies & build sources:
$ npm install
$ bower install
$ gulp buildMIT
