justincanthony / gone_phishin

Welcome to my GitHub Profile👋

const justin = {
  pronouns: "he/him",
  location: "Denver, CO",
  hobbies: ["rock climbing", "backcountry skiing","guitar", "wine", "cooking", "Italy (yes it's a hobby for me)"],
  techStack:["Javascript", "Java", "React", "TDD", "CSS3", "HTML5"],
  contact: {
    email: "[email protected]",
    linkedIn: "https://www.linkedin.com/in/justincanthony/"
    portfolio: "https://terminal.turing.edu/alumni/1029-justin-anthony"
    }
  }

gone_phishin's Issues

Add a to do.

A user should be able to

Go Back Button

User Story

• As a user, I should be able to visit a page on the application and click on the back button
• In order to visit the previous page
• When I click on the go back button
• I should be taken back to the previous URL path

Acceptance Criteria

Scenario:

• `The navigation bar needs to include a NavLink in order to return the previous pages in our application

As a user, I can click on a track to listen to an individual song

• As a user, I should be able to click on a specific track
• After clicking on that track, I should see my song playing in the embedded player in the footer
• which includes an audio player controls, so that I can listen to that individual song
• I should be to pause, play, and skip tracks

As a user, when I visit the application, I should see the option to click on a nav link to search years page

• As a user, when I have visited the home url
• when I click on the years navlink in the aside
• I will be see a new page with years displayed in descending order

View tracks by set

User Story

• As a user, I should be able to view tracks in the respective container by set and encore
• In order to know when the song was played
• When I click on the show

Acceptance Criteria

Scenario:

• `Conditional rendering needs to be employed in order to display tracks by set 1, set 2, set 3, and an encore. Sometimes there is not a second set, 3rd set, or encore, and need to account for that accordingly. As it stands now, for example, a set 3 title will still render, even if there aren't any songs in set 3, same with the other containers for tracks
• The tracks are being filtered correctly and do render when they exist

As a user, I can click on a show and be taken to that shows specific details and tracks

• As a user, when I click on an individual show card
• I will be taken to a new page
• to see show details which include all tracks for that specific show

As a user, I can click on a year and be taken to all the shows available in that year

Acceptance Criteria:

• A user should be able to click on a year button.
• After clicking a selected year, the user should be taken to a new page.
• That page should display list of all shows available in that year sorted by date.

Prevent tracks from all playing at the same time

When a user lands on the tracks page, every song starts to play at the same time.
We need to prevent this.

Audio Player / Footer Styling

• The audio Player and footer requires styling and needs to be fixed to the page while scrolling
• [ ]

As a user, when I visit an undefined path, I will be brought to an error page.

• As a user, when I type in a url after the domain that is undefined
• I will see a page that displays an error message that the page is not found and a link back to the dashboard

Toggle Theme

User Story

• As a user
• In order to toggle theme
• When I click the party mode button
• I should be able to see the UI change style
• (and I should be able to toggle back to default style

Acceptance Criteria

Scenario:

• developer adds criteria here to test user story

As a user, if the server is down, I should see an error message.

• As a user, when the server is down or there is a 500 error
• I should see an error message that shows user friendly information that there is a problem on gone_phishin's end and to try back later.

Years View (landing page) - Styling

• follow phish.in styling and formatting
• year link should be large enough to click on with a finger
• should have a nav and footer
• should have a party mode toggle

Fix Route Path for the years

• match the end of the path on YearCard

Add individual container components

• shows
• tracks

Redirect to correct path

User Story

• As user
• When I select a year from the dropdown on any page
• I should see the url change to the year selected
• and I should also see all of the shows for that year render to the page

As a user, on the shows display page, I should be able to use a drop down to select shows by year

• As a user
• In order to see shows by a given year
• When use the drop down select
• and select by year
• I should see a list of shows by that year displayed on the page

Acceptance Criteria

• When the value changes in the select years to a new year a new fetch is made and new show data is displayed on the UI and is held in state

Audio Player Bug

User Story

• As a user
• When I click a song I should hear a track play
• be able to navigate to another page using the back button
• and hear the same song still play
• or if I navigate using the years drop-down menu, be able to have the song persist

Acceptance Criteria

Scenario:

• currently, all criteria are met except for the last checkbox. when we click the year drop-down, the song stops playing