GithubHelp home page GithubHelp logo

record-collection's People

Stargazers

 avatar

Watchers

 avatar

record-collection's Issues

Barcode scanning

Write an iOS wrapper application with access to a barcode-scanning SDK.
Tie a button in the front-end to opening the barcode-scanning camera (somehow)
Integrate with the backend to add to collection via barcode

Changes to items shouldn't affect collection until saved

Background:

The angular app stores a collection of records, containing tracks
Changes can be made to the model for a record or track (ratings, listening notes etc)
Changes can be submitted to the backend

Issue:

Changes made in the front-end effect the model presented to the user before they are saved by the server. Instead, the client's collection should only be affected after the model has been saved on the server.

Reproduce:

  1. Add ratings for items in collection
  2. Sort collection by rating
  3. Modify rating for an item - displayed sort order changes

Expected behaviour:

Sort order shouldn't change until changes to item are saved

Tags

Backend:
For each item (record/track), store a list of tags that the user has applied (i.e many-to-many relationship between tags and records).

When updating a record:

  1. Find hashtags
  2. For each:
    2.1. Check if the tag already exists. If not, add it.
    2.2. Attach tag to item

Frontend:
When adding listening notes, detect #hashtags and highlight.

Allow searching for records by tag.

Have a function to handle click events on highlighted tags. This will probably filter the collection by this tag.

Animate filters

When the filters button is clicked, the filters should animate into the screen:

  • The filters should appear from "behind" the nav bar
  • The collection should move down to make room for them
  • This should work on any screen size

Search to add records

Do a non-field-specified search for records, with the intention of adding to a collection.

  1. Have an input field which, when changed, loads the top N results from discogs.
  2. Click the autocomplete row to view record information
  3. Click an add button to add to collection

Add a "+" icon to the nav bar to access this functionality.

Allow tracks to be displayed when clicking on a record

Modify track and record angular modules to draw a list of tracks for each record when the row representing the record is clicked.

The list row should display, for each track:

  • Disc and side
  • Track duration
  • Track title

Also, a menu icon giving access to track notes and ratings (same as record).

track

Add "To download" and "Is downloaded"

For each record, add a boolean value indicating that the given record should be downloaded, and one indicating that the record has been downloaded (i.e added to digital music collection)

Menu functionality

Clicking the menu icon on a record should display listening notes and rating for the record.
Clicking the menu icon on a track should display listening notes and rating for the track.

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.