"This application allows the user to generate a mystery setlist from any Phish show in history. It also allows a user to fill out a form with their guesses and/or their phriends guesses to what songs the band will play in their next show."
Gain more familiarity with React fundamentals
Become more comfortable on testing React components & asynchronous JS with Cypress
Create a multi-page UX using Router
To simply experience the application visit the link listed above
For the curious developer:
- Fork this repository
- Clone the repository to your local machine
cdinto the repository- Once in the repository, run
npm install - After installation, run
npm start - A live server should now be available at
http://localhost:3000/ - Paste this addresses into your browser
## 🧑🏻💻 Contributors:
## 🚶🏻♂️ Walkthrough:
USER FLOW:
Mystery Setlist:
Screen.Recording.2022-09-25.at.9.25.10.AM.mov
Go to the Form:
Screen.Recording.2022-09-25.at.9.46.02.AM.mov
Fill out the Form:
Screen.Recording.2022-09-25.at.9.47.50.AM.mov
-A user can generate any random Phish setlist in history. A user can also fill out a form with their guesses and/or their friends guess to what songs the band will play in their upcoming show.
-I'd like to add the ability to delete a guess card. I'd like to add functionality to tally up each person's guessess to display who guesses the most.
React
Cypress
React Router
JavaScript
HTML
CSS
Postman
NPM
Github
I'm super pleased with how this project turned out. I was happy to let my passion for music dictate the flow of this project. I deepened my understanding with React and incorporated Hooks instead of using class components. The hardest part of this project was protecting the API key while stubbing my data in Cypress. Also, deployment presented issues with this key as well. This was something new for me. Overall, I'd love to implement some future extensions mentioned above.