Tribute to Eddie Van Halen

This is a project to tribute Eddie Van Halen's all music career with his band. Last week He passed away and I decided to go with this project. RIP

Click on the image to go to live demo

Video explanation

📽🎬

Built With

• Node.js
• React
• Redux
• CSS
• ES6
• Spotify API
• Spotify web library
• Genius API

Getting Started

In order to start with this project you need the next:

Download repository

• Get a copy of this project this repository 📘

Generate access tokens

Spotify

• Go to the developer Spotify API endpoint page
• Create an app you get
• Fill the form and submit this one
• At the end you will see two keys (CLIENT_ID and SECRET_ID)
• On this project create a .env file
• Create a key name called REACT_APP_CLIENT_ID and REACT_APP_CLIENT_SECRET
• Copy your keys form the Spotify web page dashboard
• Paste on each variable respectively

Remember: Spotify key has a limit time, however the app generates a token when the last is not invalid

This project was developed with the Spotify library, go check it out this is the documentation

Genius

• Go to genius api documentation
• If you don't have an account, create one
• Click "manage client link"
• Create new api client
• Click generate access token
• Copy the generated access token
• On .env file add another key name called REACT_APP_GENIUS_KEY and paste the key

Run the project

• Runs the app in the development mode.
  

  npm start
  

• Open http://localhost:3000 to view it in the browser.
• Follow the video instructions

Deployment

Deployed with Heroku

Authors

👤 Bertil Tandayamo

• Github: @bertil291utn
• Twitter: @btandayamo
• LinkedIn: Bertil Tandayamo

Issues

• The application is only available from 1024px to up screen devices
• Still not working on Firefox a property with grid-inline

Improvements

• Make a RWD page
• Fix Spotify API automatically generate token function

Acknowledgment

Inspired design by Heroink, Edoardo Benaglia and Petr Kudlacek

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

If you got until here, show your love hitting the ⭐️ button, I'd appreciate it.

To crete a pull request:

• Clone this project and create another branch
• Make the required changes
• Send a pull request from the new branch

📝 License

This project is MIT licensed.