patricianapp / patrician Goto Github PK

Acceptance Criteria

• Search box added to CollectionComponent
• Instant filtering when typing things in (artist and title)

Does not include

• Filters
• Fetching more data upon entering query
• Using application context for search box state
• Animating the result changes (so the items transition to their new positions)

Right now, when you hover over a CollectionItem, the title begins to scroll left and right if the title is more than 20 characters. We want it to scroll if the title is too long to fit within the card instead.

This should be done by measuring the title and card width, and then setting the "longText" variable to true or false (use useState) based on whether title width > card width.

Will also need to write two tests:

1. Text scrolls when longText and hovered are true (should already pass).
2. longText is only true when title width > card width.

Acceptance Criteria

• Implement Drawer component on left side
• Navigation between currently existing pages
• Log in/out buttons
• Sign up button

Dependencies

• #2 Profile page that displays a user's collection
• #3 Log in

Acceptance Criteria

• User can enter album info (artist/album) and this album gets added to their collection
• If an album already exists, display an error
• If successful, update the view with newly added album

Dependencies

• patricianapp/patrician-api#1 Authenticated CRUD for user collections

Acceptance Criteria

• User can click a button which takes them to a login page
• On the login page, they can enter username and password
• Login session is managed in the browser so it's accessible on every page

Does not include

• Automatic redirect after logging in
• Sign up

Acceptance Criteria

• "/user/[username]" should go to a profile page for a specific user
• This page should include a list of items in the user's collection

Does Not Include

• Album art
• Fancy styling
• Anything cool yet