Skip to content

Latest commit

 

History

History
100 lines (58 loc) · 4.76 KB

README.md

File metadata and controls

100 lines (58 loc) · 4.76 KB
Raw

Screen Shot 2022-09-25 at 10 09 53 AM
"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


## 🛸 Deployed Pages:

YouEnjoyMySetlist

⚡️ Getting Started:

To simply experience the application visit the link listed above

For the curious developer:

  1. Fork this repository
  2. Clone the repository to your local machine
  3. cd into the repository
  4. Once in the repository, run npm install
  5. After installation, run npm start
  6. A live server should now be available at http://localhost:3000/
  7. 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

✍🏼 Planning:


🎬 Features:

-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.


🔮 Future Extensions:

-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.

💿 Technologies:

  • React React
  • Cypress Cypress
  • React Router React Router
  • javascript JavaScript
  • HTML HTML
  • CSS CSS
  • Postman Postman
  • NPM NPM
  • Github Github

🕵🏻‍♂️ Project Specs:

Turing - Final Showcase

Reflections:

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.