/Knowtation

Basic CRUD Note Keeping App in Angular w/ Firebase Authentication via Google and Email/Password Sign In Options, GET, POST, PATCH and DELETE Notes

Primary LanguageJavaScript

Knowtation - Angular Notes Taking App

VIEW LIVE

Setup

These commands are a helpful quick start. You may choose to ignore them completely and create your own directory structure. If you choose to use this recommendation, just copy the commands below and paste. It doesn't matter what directory you are currently in.

mkdir -p ~/workspace/exercises/modern-framework/user-notes && cd $_

Requirements

In this exercise, you'll be requiring users to register and log into your application before they can use it. The user interface is very simple once they log in, because this is a basic application that will allow them to enter notes, and then view all notes.

Firebase

  1. Create a Firebase collection named notes
  2. Use the basic Firebase email/password authentication to register users for your application.

Application

  1. Create an Angular application module.
  2. Create 4 partials for views.
    1. A registration view
    2. A login view
    3. A new note form
    4. A note list form
  3. Configure your application to support the following routes.
    1. /register
    2. /login
    3. /notes
    4. /new
  4. Write a controller for each of the partials

New Note Form

Display a text field labeled Enter note: and a button labeled Save. When the button is clicked, save a new item in the Firebase notes collection, along with the current user's unique id.

Note List

When the user visits the /notes URL, the user should see all of the notes that were entered by that user, and no others. Use the orderBy and equalTo parameters in the $http request to only return notes created by the current user.