MatthewKaplan / Go-Phish

Fan of the rock band Phish? Dig through their musical archive and checkout your personal show stats.

Home Page:https://gophish.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GoPhish

GoPhish is a web application for Phish fans by Phish fans. Phish fans may visit the application and see all of Phish's Tours, Songs, Shows, Set Lists, band information, and upcoming shows. Users also have the ability to save shows that they have been to and visit the 'My Stats' page to view their Phish Stats.

Site deployed live at:

https://gophish.netlify.com/

Preview:

Home Page: Band Page:

While the user is on the Home Page they can view the upcoming Phish tour and view a random show from Phish's archive.

When the user visits the Band Page they are shown a brief history of the band and can click on individual members to learn more about them.

Years Page: Venues Page:

When the user visits the Years Page they are shown a list of all the years the band has played. If a user clicks on a year they are shown all the shows that phish played in that specific year. At this point the user can click on a show and see the set list from that show or if they've been to that show they can press the plus sign and add it to their list.

When the user visits the Venues Page, you'll notice that a Sub Nav appears with every alphabetical letter. This is because the user can sort the venues that Phish has played at by their first letter. The venue cards themselves display the name of the venue, the location, the amount of times Phish has played there and the first and last time Phish has played there.

Songs Page: Tours Page:

When the user visits the Songs Page they are shown a list of all the songs that Phish has played, original songs and covers. You'll notice again that the sub nav appears with every alphabetical letter, this is because the user can sort the list of songs by that songs first letter.

When the user visits the Tours Page they are first shown a list of all the tours Phish has played over the years. The user can then click on a specific tour and see all the shows that Phish has played on that tour. They can then add that show to their list or view the set list from that show.

Stats Page:

After the user adds the shows they've been to, to their list they can visit the Stats Page to view all their show stats. There are three tabs on this page Song Stats, Location + Tour, and Show Stats.

Getting Started:

These instructions will get a copy of the project up and running on your local machine for usage and testing purposes.

clone down the repository:

$ git clone https://github.com/MatthewKaplan/Go-Phish.git

cd into directory and run npm install:

$ npm install

launch in your browser:

$ npm start

Testing Project:

After following the Getting Started instructions you may test the project by doing the following.

test all files:

$ npm test

test the total coverage of the project:

$ npm t -- --coverage --watchAll=false

project test coverage

Project Tools:

  • Javascript
  • React.js
  • node.js
  • Heroku
  • SASS
  • React-Router
  • Redux

Tested With:

  • Jest
  • Enzyme

Contributing:

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

Made Possible By:

The Phish.in API

License

MIT


Back to top


About

Fan of the rock band Phish? Dig through their musical archive and checkout your personal show stats.

https://gophish.netlify.com/


Languages

Language:JavaScript 91.4%Language:CSS 8.1%Language:HTML 0.6%