dsstevens / mixtape Goto Github PK

WHEN I click the decade drop down list
THEN I should see a list of years
WHEN I select a year from the drop down
THEN I should be navigated to a page for that year
AND I want to see albums from that year
AND I want a way to return to the main page

Exit Criteria:

• Button navigates to the correct year page
• Pages for each decade display music appropriate to that year
• User can navigate back to the main page

Add fetch to get all the albums in our collection.
We should be able to then filter by year to put the data we need where we need it.

Figma: https://www.figma.com/file/qbwUl81rRMn6MJvGTlIucR/Retro-Mixtape?type=design&node-id=0-1&mode=design&t=pKRmaNvWkiCm2Gtz-0

Currently, we only have a nice header showing up on the Albums By Year page, but we should be able to uniformly have it appear on all pages.

• Create Header component
• Create HomeButton component
• Add conditional logic to have HomeButton appear on all pages except Home

GIVEN I am on the albums by year page
THEN I should see albums from that year
WHEN I click on an album
THEN I should be navigated to the album's details page
AND I want to see details about the album
AND I want a way to return to the albums page
AND I want Router to navigate me back to the albums page
AND I want a way to return to the main page

Exit Criteria:

• Album button navigates to me its details page
• Pages for each album display correct information for album details
• User can navigate back to albums by year page
• User can navigate back to the main page

Apple Music:

Others???

Steps to accomplish for this ticket:
Deanna:

• Create group gmail account and share creds with group
• Create group Discogs account and share creds with group

Erica:

• Create collection folders in Discogs for each year
• Add albums to each Discogs collection folder
• Authorize app to access group's Discogs collection folders
• Save endpoints for each folder to Postman collection
• Save other useful endpoints to Postman collection
• Setup variables for key, secret, token, baseUrl, etc
• Share Postman collection
• Share Postman environment

• Bobby
• Deanna
• Erica
• Zen

https://docs.google.com/document/d/1N8sTh2ZgEoUlN8UqDoOoTqKLSGUrpNq0COoDKIWSlbY/edit?usp=sharing

WHEN I land on the main page of the app
THEN I should see a dropdown of years
AND I should see an empty playlist

Exit Criteria:

• Dropdown for 1980 years (hover states, but not necessarily functional yet)
• Empty playlist (styled per wires/designs)

https://github.com/dsstevens/Retro-Mixtape

https://www.notion.so/DTR-Template-dbc6e4e91c114165b6fd25e84f91cb73

Create all components and empty files:

• src
  • components
    • Album
      • Album.css
      • Album.ts
    • AlbumDetail
      • AlbumDetail.css
      • AlbumDetail.ts
    • AlbumsByYear
      • AlbumsByYear.css
      • AlbumsByYear.ts
    • App
      • App.css
      • App.ts
    • Header
      • Header.css
      • Header.ts
    • Home
      • Home.css
      • Home.ts
    • Tracklist
      • Tracklist.css
      • Tracklist.ts

https://docs.google.com/document/d/1uPaXOLHoT7Oq1a2iH74zzTg-UqTjs2EJWJoPe3sUDPM/edit?usp=sharing

Before we can really do much of the work, we need to set up Router so we can put the content on the correct pages.

We need to write tests for errors:

• 400s
• 500s

Successful APIs should be covered in functional tests