Coder Social home page Coder Social logo

angularreadinglist's Introduction

The Reading List in AngularJS

Installation

This project was generated using Yeoman! To run the app, clone this repository and run the following:

  1. npm install (go get a drink)
  2. bower install (blow your nose)
  3. grunt serve

You should now have a window open in your default browser pointing to http://localhost:9000. Changes that you make should automatically trigger a reload... Go ahead, try it!

Specifications

When I have read or want read a Book, I can add it to a Reading List so that I won't forget about it.

A Book should have:

  • title - a text field
  • authors - a list of names
  • ain - the AIN from Amazon.com (optional)
  • review - a few paragraphs of text
  • rating - 1 to 5, like stars (or tomatoes)
  • genre - a name like "fiction" or "non-fiction"

I can view a list of all the Books on my Reading List so that I can see which ones I've added.

I can edit a Book on my Reading List so that I can add or update the information about it.

  • Essentially opens the "New Review" form for the existing Book

I can mark a Book as "READ" or "READING" so that I can remind myself which ones I've already read.

Add currently to Book, a state indicator of "UNREAD", "READ" or "READING"

Reminders:

  • Don't forget to update the "Edit Book" form!
  • Maybe provide an easier way to update than editing it?

I can sort the list of Books so that I can see which ones to read next.

The list of Books can be sorted by:

  • date added e.g. oldest to newest
  • alpha by title
  • rating e.g. higest first, unrated first

I can filter the list of Books so that I can

The list of Books can be filtered by:

  • state e.g. "only UNREAD" or "not READ yet"
  • reviewed e.g. "review" is not empty
  • "good reads" e.g. ratings greater than "3"

angularreadinglist's People

Contributors

al-the-x avatar

Watchers

Andrew Maksimov avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.